React Native 页面调试工具 react-native-vdebug

最新推荐文章于 2023-10-27 16:49:08 发布

徐同保

最新推荐文章于 2023-10-27 16:49:08 发布

阅读量703

点赞数

分类专栏： web前端文章标签： react native react.js javascript

本文链接：https://blog.csdn.net/xutongbao/article/details/132407477

版权

web前端专栏收录该内容

735 篇文章 15 订阅

订阅专栏

yarn add react-native-vdebug

import React from 'react'
import { createNativeStackNavigator } from '@react-navigation/native-stack'
import { getRouter } from './config'
import { ErrorBoundary } from '../component/light'
import VDebug, { initTrace, setExternalContext } from 'react-native-vdebug'
import { View } from 'react-native'

const Stack = createNativeStackNavigator()

export default function Router() {
  // Before component Render, perform Proxy Console/Network (Optional)
  initTrace()

  // Context object when the command is executed (Optional)
  setExternalContext('your context')
  return (
    <ErrorBoundary>
      <Stack.Navigator initialRouteName="Index">{getRouter()}</Stack.Navigator>
      <View>
        <VDebug
          // Info panel (Optional)
          info={{ obj: 'your object' }}
        />
      </View>
    </ErrorBoundary>
  )
}