RN在mac os上面的项目创建以及Android/IOS模拟运行

Posted 2021-03-30 万云阁主

最近捯饬了RN。

 

第一步，创建项目

react-native init demo

第二步，如果遇到Installing required CocoaPods dependencies卡顿，停下当面执行命令

进入demo目录执行

pod install --verbose --no-repo-update

第三步，执行ios 模拟器运行效果

yarn react-native run-ios

第四步，苹果手机端真机运行

使用xcode打开maoApp.xcworkspace，然后连接真机运行，直接使用vscode修改JS脚本代码，便可以随时查看效果

 

安卓端模式器和真机运行

第一步

打开模拟器

第二步

执行yarn react-native run-android

 

在Macos系统上面，安装安卓模拟器。这里编者推荐一款，网易的Mumu模拟器，使用体验还是极其不错的，缺点是安卓版本较低。编者这里提供一个思路，不用下载模拟器软件，直接使用android studio创建一个最新的安卓版本模拟器即可。

 

安卓/ios打包和平时打包方式相同。

 

提问1 adb如何了解各种模拟器

 

天天模拟器

adb connect 127.0.0.1:6555

 

海马模拟器

adb connect 127.0.0.1:26944

 

mumu模拟器

adb connect 127.0.0.1:7555

 

逍遥模拟器

adb connect 127.0.0.1:21503

 

提问2 如何创建安卓模拟器

使用mumu模拟器不是不行，就是显得有点臃肿，而且对最新的macos系统而言，很多软件安装都需要通过“安全性和隐私”的设置。本身作为开发跨平台的移动软件，自然希望macos系统可以一统天下，AS是必须安装的软件了。所以在AS里面配置安卓模拟器显得极其重要、经过多年的测试，前几年安卓自带的模拟器效果都不是很好，非常卡顿。今天再试了一次AS自带的模拟器，发现效果很不错。惊喜。

 

我们使用AS打开RN的安卓项目，截图

找到这个小框即可新建安卓模拟器了

 

提问3 如果遇到Installing required CocoaPods dependencies卡顿，我们应该怎么处理

其实这个情况遇到的是最多的，特别是间隔多次或者第一次开始新建RN项目的时候，有很多问题，不是boost库的问题就是执行Installing CocoaPods dependencies卡顿，这里给出部分方案。

 

第一种方案，新建RN项目到这里卡顿，直接暂停，cd到项目ios目录，直接运行

pod install --verbose --no-repo-update

一般可解决问题

 

第二种方案，依次执行如下命令

cd ~/.cocoapods/repos

pod repo remove master

git clone https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git master

 

然后在ios目录下的Podfile中首行添加

source 'https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git'

 

再执行pod install

 

注意这些前提是cocoapods必须先安装好

 

提前安装cocoapods 有两种方式

sudo gem install cocoapods

或者

brew install cocoapods

 

另外，由于网络不稳定缘故，有时候可以很快创建项目，运行查看，有时候很慢，需要慢慢分析了。

 

 

RN在自带安卓模拟器效果

RN在自带IOS模拟器效果