React Native 从入门到入坑全过程

一.搭建运行环境参考下面的教程

https://reactnative.cn/docs/getting-started.html

说真的，如果有条件用上Mac系统的电脑建议还是不要在Windows上玩React Native。好多的坑！！！！

二.React Native 命令

初始化项目

react-native init 工程名称

在默认Android设备上运行

react-native run-android

在指定的IOS模拟器上运行

react-native run-ios --simulator "iPhone 7"

查看可用设备类型

xcrun simctl list devices

 

 

三.项目转移到新的Mac电脑上，run-ios的时候出现各种报错。

在网上找了各种解决方案后，始终不能运行起来。该报错的还是报错。

我的解决方案如下：

1）直接在新设备初始化一个同名的项目,下面的例子项目名称暂定为Demo

react-native init Demo

2) 将原项目中的package.json中的依赖包复制到新初始化项目的package.json中，其中react和react-native以新初始化的项目版本为准。报错主要是因为react native跟macOS10.13的系统版本不一致导致的。我的macOS版本是10.13。

"dependencies": {
                ......,
                ......,
				"react": "16.8.3",     //修改为新初始化的版本
				"react-native": "0.59.5",   //修改为新初始化的版本
                ......,
                ......,
                .......
		},

网上的说话是用于编译的boost部件安装有问题，反正我是试过了他们的方法，也都没有成功跑起来。

网上找到的方法如下：

https://www.cnblogs.com/erniu/p/8670590.html

 

3.将项目源代码复制过来覆盖掉。意思就是除了ios、android、__tests__、node_modules和其他系统自动生成的文件和文件夹不要，其他都复制过来。这些系统生成的文件都是在上一个系统设备生成的，带过来有很大概率会报错。

我复制过来的文件有：

/index.js   
/app.json
/app/  里面是项目的JS源代码

然后：

npm install
react-native run-ios

大功告成

4.打包android app务必强制清除 gradle 依赖缓存

gradle

Windows:    
gradlew build --refresh-dependencies 


Mac:
rm -rf ~/.gradle/caches/* 
./gradlew build --refresh-dependencies  

 

 

5.SDK版本不匹配问题：Execution failed for task 'xxx:verifyReleaseResources'

参考：https://blog.youkuaiyun.com/klo220/article/details/83380657

未完待续。。