当应用程序在应用模拟器中运行时,如何用React Native调试他们的React代码?
当前回答
使用Flipper或retotron。每一种都有自己的好处,没有一种要求您启用调试模式,所以您的环境不会变慢!
其他回答
除了其他答案。可以使用调试器语句调试react-native
例子:
debugger; //breaks execution
你的chrome开发工具必须打开这工作
这是使用react本机调试器应用程序的另一种方式。
你可以使用下面的链接下载应用程序,这是一个非常好的应用程序,用于管理redux商店的源代码。
react-native-debugger
现在你可以直接使用下面的链接来帮助你。
chrome开发工具
还有一个非常好的调试器Reactotron。 https://github.com/infinitered/reactotron
您不必在调试模式下查看一些数据值,而且有很多选项。
去看看真的很有用。;)
对于Android模拟器,在Windows下按F10而不是Cmd+M。模拟器开始显示所有的react-native调试选项。
您可以使用expo进行调试:https://expo.io/
Expo让web开发者能够构建真正的本地应用程序,可以在这两个平台上运行 iOS和Android只需要用JavaScript写一次。它是开放 源代码,免费并使用React Native。
这是一个很棒的工具,你可以在React Europe conf上观看这个研讨会:
https://www.youtube.com/watch?v=HygXkQDMSGU&t=6675s
推荐文章
- 我如何在我的iOS应用程序中每n分钟得到一个后台位置更新?
- Eclipse调试器总是阻塞在ThreadPoolExecutor上,没有任何明显的异常,为什么?
- 这是在Android中获取用户位置的好方法
- Android从左到右幻灯片动画
- 如何检索视图的维度?
- 如何改变菜单项的文本颜色在安卓?
- Android选择器和文本颜色
- 如何使用iOS创建GUID/UUID
- Visual Studio:如何打破处理异常?
- 视图绑定-我如何获得包含布局的绑定?
- 禁用所呈现视图控制器的交互式撤销
- 在Android Studio中改变矢量资产的填充颜色
- 在构建中编写注释的语法是什么?gradle文件?
- 如何以编程方式添加按钮色调
- 确保您的项目构建设置正在生成一个dSYM文件。对于所有配置,DEBUG_INFORMATION_FORMAT都应该设置为dwarf-with-dsym