搜文章
推荐 原创 视频 Java开发 iOS开发 前端开发 JavaScript开发 Android开发 PHP开发 数据库 开发工具 Python开发 Kotlin开发 Ruby开发 .NET开发 服务器运维 开放平台 架构师 大数据 云计算 人工智能 开发语言 其它开发
Lambda在线 > 万云阁主 > RN在mac os上面的项目创建以及Android/IOS模拟运行

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

万云阁主 2020-07-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模拟器效果

版权声明:本站内容全部来自于腾讯微信公众号,属第三方自助推荐收录。《RN在mac os上面的项目创建以及Android/IOS模拟运行》的版权归原作者「万云阁主」所有,文章言论观点不代表Lambda在线的观点, Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458

文章来源: 阅读原文

相关阅读