vconsole-react-native

display log in react native

Usage no npm install needed!

<script type="module">
  import vconsoleReactNative from 'https://cdn.skypack.dev/vconsole-react-native';
</script>

README

vconsole-react-native

简介

react native开发中用于在开发和测试环境查看log的组件，支持清空和隐藏log区域操作。

使用方法

安装

$ npm install vconsole-react-native --save

RN页面之前调用如下方法：

let RNVConsole = require('vconsole-react-native').showLogWhenDev();

在调用页面的根组件下添加 {RNVConsole}，（不建议RNVConsole的父组件中包含ScrollView，避免定位问题。建议根组件的最后添加，避免层级问题）

log查看方式

字符串类型String: 双引号包裹 "log内容";
对象类型Object: 为object()包裹，经过JSON.stringfy()处理后的JSON串，例如：{a: 8888} => object({"a": "88888"})
数组类型Array: Array(数组长度)[]。例如：[1,2,3] => Array(3)[1,2,3];

主要界面展示：

RNVConsole

log展示

clear操作