最近研究RN,记录一下。
首先要搭建开发环境,以Mac平台为例,需要安装以下工具:Node、Watchman、Xcode 和 CocoaPods。
Node、Watchman
推荐使用Homebrew来安装 Node 和 Watchman。在命令行中执行下列命令安装(如安装较慢可以尝试阿里云的镜像源 https://developer.aliyun.com/mirror/homebrew):
如果你已经安装了Node,请检查其版本是否在 v12 以上。安装完 Node 后建议设置 npm 镜像(淘宝源)以加速后面的过程(或使用科学上网工具)。
Watchman则是由 Facebook 提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager 可以快速捕捉文件的变化从而实现实时刷新)。
Optional:
Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 模块的下载。
安装完yarn之后就可以用 yarn 代替 npm 了,例如用yarn代替npm install命令,用yarn add 某第三方库名代替npm install 某第三方库名。
Xcode、CocoaPods
React Native 目前需要Xcode 10 或更高版本
启动Xcode,并在Xcode | Preferences | Locations菜单中检查一下是否装有某个版本的Command Line Tools。Xcode 的命令行工具中包含一些必须的工具,比如git等。
CocoaPods是用 Ruby 编写的包管理器。从 0.60 版本开始 react native 的 iOS 版本需要使用 CocoaPods 来管理依赖。你可以使用下面的命令来安装 cocoapods。
目前最新版本似乎不能在ruby2.6 版本以下安装,意味着如果你使用的 macOS 版本低于 10.15 (Catalina) 则无法直接安装。可以尝试安装较旧一些的版本。如sudo gem install cocoapods -v 1.8.4
安装依赖我遇到的坑以及解决办法:
https://www.jianshu.com/p/b182722df7a5
[if !supportLists]一、[endif]创建新项目
使用React Native内建的命令行工具来创建一个名为"AwesomeProject"的新项目。这个命令行工具不需要安装,可以直接用 node 自带的npx命令来使用(注意 init 命令默认会创建最新的版本):
注意
1、0.45及以上版本需要依赖 boost 等几个很难下载成功的第三方库编译,请务必使用稳定的代理软件并确定其配置对命令行有效。
2、0.60及以上版本的原生依赖是通过 CocoaPods 集成安装的。CocoaPods 的仓库在国内也很难访问。如果在 CocoaPods 的依赖安装步骤卡很久(命令行停在 Installing CocoaPods dependencies),请务必使用稳定的代理软件并确定其配置对命令行有效。
[if !supportLists]3、[endif]请不要单独使用常见的关键字作为项目名(如class, native, new, package等等)。请不要使用与核心模块同名的项目名(如 react, react-native 等)。请不要在目录、文件名中使用中文、空格等特殊符号。
[if !supportLists]一、[endif]编译运行项目
编译遇到的坑及解决办法:
https://blog.csdn.net/qq_30211165/article/details/79700347
https://www.cnblogs.com/shizk/p/11189978.html
https://www.jianshu.com/p/1896b208238a
https://www.jianshu.com/p/b6e2ecdaf28b
https://www.jianshu.com/p/f12979ae982d
编译常见:React-Native搭建报错:Unable to load script.Make sure you're either running a metro server or that
https://blog.csdn.net/qq_36228442/article/details/92799579
第一种没用,第二种办法解决了