RN学习笔记
⼀、安装依赖
1、需要安装 node，Python，JDK
直接下载 .msi ⽂件（安装包）⾃动开始安装，我是把后 2 个直接装到 C 盘，后⾯发现并没有关于这 2 个的环境变量的路径配
置，node安装好后直接按照 流程配置命令⾏⼯具。
2、配置命令⾏⼯具：
npm i -g react-native-cli    安装 react-native 脚⼿架（这⼀步使⽤ yarn install -g  react-native-cli ，是没成功的，暂不清楚原因），如下显⽰是成功的结果。
⼆、搭建 Android 开发环境
1、下载  （这是中⽂社区连接，下⽂简称 AS），并安装。
2、通过 AS 下载 Android SDK，然后配置环境变量，按照官⽹的流程⾛就⾏
（该 SDK 下载完成后可以不⽤ AS 开发，我只是⽤ AS 来下载所需的 SDK 的，配置好环境变量后就能使⽤到那些 SDK 了，开发使⽤的是 VS code）。
3、创建新项⽬    react-native init myApp    创建⼀个项⽬名为 myApp 的项⽬，此时在该⽬录下有如下⽂件
三、准备 Android 设备，我使⽤的是安卓真机，⾃⼰的⼿机 OPPO Find X
有 2 中调试⽅式：1.使⽤ USB 连接；2.使⽤ WiFi 连接。
因为是使⽤的 USB 连接到电脑，所以我先⽤数据线连接⼿机和电脑，按照官⽅教程在⼿机上进⾏了操作，然后进⾏第四步，中间有些曲折，但是成功了。
使⽤ WiFi：我是根据上的说明做的，中间还是有点曲折，跟⽂中似乎有点不完全⼀样，但是最后还是成功了。
注：该博客最后说的连接电脑的 IP 地址和端⼝号，端⼝号就是 8081 就可以。
四、真机同步，编译并运⾏ React Native 应⽤
cd 项⽬名
android学习教程
react-native run-android
最后附上⼀张我通过 WiFi 真机同步所看到的界⾯
五、期间遇到的报错
1、: unknown command advices
这是在使⽤命令 adb devices 查看电脑所连接的设备时报的错，解决⽅法，以下是我成功解决该问题的截图
对于以下情况，⼀直offline的解决⽅法也是同上图的步骤和逻辑，也可
2、红屏报错，解决⽅法：
3、红屏报错如下，解决⽅法：
4、黄屏警告：Remote debugger is in a background tab which may cause apps to perform slowly. Fix this by foregrounding the tab (or opening it in a separate window)，解决⽅法是，把浏览器上的debugger标签页放到最前，页⾯不要最⼩化就⾏。
六、其他
1、
2、使⽤ iconfont ⽂字图标，导⼊ f ⽂件到下图位置，重新 react-native run-android 安装就好
注：我曾在⽹上教程并按照其思路做过⼀些配置，但最后都修改回初始配置了，也不知道那些操作是否起了作⽤。
使⽤：
<Text style={styles.questionIcon}></Text>
// 样式
questionIcon: {
fontFamily: 'iconfont',
fontSize: 18,
marginRight: 5,
},

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。