RN开发环境配置与Android版本app运行

学习RN之前,我们需要配置RN的开发环境,这里包括rn的基本环境,android环境和ios环境。然后初始化项目和运行调试app。

第一部分 RN开发环境配置

一、基本环境:

macOS自带Homebrew,就是下面指令的brew。

1、Node.js : brew install node

2、Watchman:brew install watchman

3、Yarn:brew install yarn

这里不需要全局安装react native脚手架,原因是新版本使用这种方法存在问题。RN中文网的环境配置里也没有使用全局安装,并且告知需要卸载全局安装的脚手架。

二、Android环境:

1、安装JDK:官网下载以后,直接安装,安装完以后配置环境变量。

2、安装Android Studio:官网下载稳定版本安装,按照需要进行安装配置的设置。

3,安装指定版本的Android SDK:在android studio中的tools中找到sdk manager,选择指定的版本进行下载。

4,配置相关的环境变量,配置android home的环境变量

三、IOS环境:

1、安装Xcode:通过app store下载。

2、安装CocoaPods:brew install cocoapods

第二部分 初始化项目

环境搭建完成以后,就是新建一个RN项目了,这里我们使用RN的脚手架。在创建之前,需要先卸载安装过的旧版本的脚手架,执行如下命令:

npm uninstall -g react-native-cli

现在我们可以初始化项目了,执行如下命令:

npx @react-native-community/cli@latest init ProjectName --version 0.75.0

指令中的版本,选择最新的稳定版本。执行完以后,cd到项目的根目录下,通过执行yarn android指令,就可以运行android app了。这里建议连接真机调试。

第三部分 遇到的问题和解决方法

这执行的过程中,可能会遇到一些问题,这里我列举自己遇到的问题和解决方法:

1、yarn android命令执行失败,报错.yarnrc文件格式错误,这里需要打开.yarnrc文件,删除最后一行的ces。

2、在执行init指令的时候,爆出init is not a function的错误,这个是因为新版本的RN已经不支持init方法。可以通过如下指令解决:npx react-native init projectname --version 0.75.0

3、brew,node,yarn版本问题,在执行命令的时候,还有因为brew、node和yarn版本是旧版本导致的问题,更新版本或者卸载再安装即可。

相关推荐
Chrome深度玩家3 小时前
谷歌翻译安卓版拍照翻译精准度与语音识别评测【轻松交流】
android·人工智能·语音识别
长点点3 小时前
从架构角度了解安卓APP(1):安卓核心组件的设计逻辑与演进
android·架构·app
用户71887350336803 小时前
Android适配最新SplashScreen方案
android·android jetpack
宁静_致远4 小时前
React Native 技术栈:基于 macOS 开发平台的 iOS 应用开发指南
前端·javascript·react native
EQ-雪梨蛋花汤4 小时前
【Part 2安卓原生360°VR播放器开发实战】第二节|基于等距圆柱投影方式实现全景视频渲染
android·音视频·vr
Railshiqian4 小时前
Framework.jar里的类无法通过Class.forName反射某个类的问题排查
android·反射·framework.jar
鸿蒙布道师5 小时前
鸿蒙NEXT开发正则工具类RegexUtil(ArkTs)
android·ios·华为·harmonyos·arkts·鸿蒙系统·huawei
Anger重名了5 小时前
🌟 一篇文章搞懂Kotlin协程:比线程更轻量的并发神器
android
缘来的精彩6 小时前
adb常用的20个命令
android·adb·kotlin