• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
smileyqp
https://github.com/smileyqp
博客园    首页    新随笔    联系   管理    订阅  订阅

react native 网络调试工具reactotron

  • 下载相应reactotron版本
  • 安装reacttotron在自己的RN项目中的dev依赖上
npm i --save-dev reactotron-react-native
  • 在项目目录下创建ReactotronConfig.js 文件,并且将以下代码粘贴进去
import Reactotron from 'reactotron-react-native'
Reactotron
 .configure() // controls connection & communication settings
 .useReactNative() // add all built-in react native plugins
 .connect() // let's connect!
  • 最后在App.js或者index.js中引入ReactotronConfig.js,添加以下代码:
//注意此处文件路径改为自己项目中的相对路径
if(__DEV__) {
  import('./ReactotronConfig').then(() => console.log('Reactotron Configured'))
}

现在便可以进行相关网络请求的调试;注意:其默认监听的端口为9090,确保其没有被占用的情况下使用;并且如果是用真机调试,请开启9090连接

adb reverse tcp:9090 tcp:9090

原文地址:smileyqp’s gitbook

posted @ 2019-08-28 18:35  smileyqp  阅读(1037)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3