@kafudev/react-native-vconsole NPM

react-native-vconsole

vConsole for react native

Features

consolelog, warn, error, info in Log Panel.
Network request list & detail.
Customized Version Info you want to show.

Installation

$ yarn add @kafudev/react-native-vconsole
// or
npm i @kafudev/react-native-vconsole

Usage

可接受参数

interface PropsType {
  appInfo?: {}
  console?: boolean
  panels?: {
    title: string
    component: React.ReactNode
  }
}

import VConsole from '@kafudev/react-native-vconsole'
/* INFO is optional */

// in render function
render() {
  return (
    <View>
        <VConsole
            // 使用 'react-native-config-reader' 库获获取额外信息
            appInfo={{
                原生构建类型: ConfigReader.BUILD_TYPE,
                原生版本号: ConfigReader.VERSION_NAME || ConfigReader.CFBundleShortVersionString,
                原生构建时间: ConfigReader.BUILD_TIME,
                热更新版本号: codePushStore.info.label,
                热更新详情: codePushStore.info.desc,
            }}
            // 另外的的面板
            panels={panels}
            // console.time 可辨别是否开启 debug 网页
            console={__DEV__ ? !console.time : true}
        />
    </View>
  )
}