上一篇文章中,我介绍了React Native For Android的基本使用。这篇文章重点介绍一下使用过程中碰到的问题以及解决办法。


真机运行白屏

在执行react-native run-android指令编译安装apk到真机之后,运行程序,发现程序白屏,感觉像ANR一样。

这里写图片描述

解决方法:手机设置中打开应用管理,选择我们安装的应用。然后点击权限管理,将显示悬浮框设置为允许。

这里写图片描述

白屏问题便能解决了。

真机运行提示Unable to download JS bundle

在我们解决完白屏问题之后,重新运行程序,发现程序能运行了,但是报错了:

这里写图片描述

点击Reload JS后,提示Unable to download JS bundle:

这里写图片描述

解决方法:摇晃设备或按Menu键,可以打开调试菜单,点击DevSettings,选Debug server host for device,输入你的正在运行packager的那台电脑的局域网IP加:8081(同时要保证手机和电脑在同一网段,且没有防火墙阻拦),再按back键返回,再次打开Menu键,在调试菜单中选择Reload JS,就可以看到运行的结果了。

这里写图片描述

Chrome调试JS

  1. 安装拓展程序React Developer Tools
  2. 在模拟器或真机菜单中选择Debug JS,打开调试开关。
  3. Chrome打开:http://localhost:8081/debugger-ui,按F12打开开发者工具便能进行调试。

这里写图片描述

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐