react native使用总结

2022.04.22

最近接触了一个react native移动端项目，总结下经验

首先是react native安装开发环境，我是在windows平台上开发，环境安装贼麻烦，版本不对后面起服务报一堆问题，你还不知道是啥原因。建议新学的人严格按照官方文档来，一个字都不要看漏。
搭建开发环境：https://www.react-native.cn/docs/environment-setup

搭建开发环境注意点：

1. Node 的版本应大于等于 14
2. 低于 0.67 版本的 React Native 需要 JDK 1.8 版本（官方也称 8 版本）。
3. 建议用yarn代替npm。
4. 模拟器建议不要使用Genymotion，很不好用，很容易卡死，连不上。
5. 我试用过夜神模拟器，也遇到了adb devices 连接不上，原因是：未打开usb调试，以及需要把夜神模拟器的nox_adb.exe和adb.exe，都替换成你的adb.exe；
6. 建议新手先用真机调试，好处是响应快，而且真实；坏处是需要安装屏幕投屏软件scrcpy，以及要根据不同的手机来打开usb调试。（eg： 我使用的华为鸿蒙系统手机，打开usb调试后，adb devices还是不显示设备，原因是你需要先在电脑上安装华为手机助手，不然电脑识别不了。）

开发调试：

1. index.js里加GLOBAL.XMLHttpRequest = GLOBAL.originalXMLHttpRequest || GLOBAL.XMLHttpRequest
2. 在模拟器里打开调试菜单（不同的模拟器打开方式不一样，一般是ctrl+m，夜神模拟器是双击右侧菜单键，真机一般是摇两下手机），然后点击调试菜单的debug，然后会自动打开网页调试页面。
3. 或者使用rn-debugger软件，操作和上面一样，需要注意的是，使用之前先关闭debug模式，网页也要关闭。

打包注意点（windows打包Android）：

1. 官方文档https://www.react-native.cn/docs/signed-apk-android
2. 步骤根据官方文档来，需要注意的是注意打包命令，一个是打包aab，一个是打包apk；