React-Native: Mac Android 环境搭建

 官方文档

推荐按照英文官方网站步骤进行环境安装,中文网有的时候没更新。两者结合着来。

英文文档

Setting up the development environment · React Native

中文文档

搭建开发环境 · React Native 中文网

 特别注意


Android Studio  下载

下载地址

下载 Android Studio 和应用工具 - Android 开发者  |  Android Developers

注意自己电脑芯片,左侧为 inter 芯片,右边为 Apple 芯片,就是常说的 M1、M2等芯片。


M1 的 Mac 启动Android Studio闪退问题 

我遇到这个问题了,因为我的开发编辑器是idea的WebStorm,

破解idea后生成了下面的文件,网上说删除这个文件 Android Studio 就能正常启动了。

Library/LaunchAgents/jetbrains.vmoptions.plist 

但是删除后,idea就又不能用了。目前也没有找到能同时解决的好办法,望有解决办法的好大哥告知一下。

解决办法就是、将这个文件先复制到桌面或者其他地方。然后重启电脑。运行 Android Studio ,先配置好 Android Studio。再把这个文件复制回去, idea就还是可以正常使用了,但是 Android Studio 又不能用。

后续用到 Android Studio 地方很少,只是需要它配置一个环境。或者改用其他开发工具如 VSCode。

由于 Android Studio 无法启动,就缺少了模拟器,官方推荐了 Genymotion 

Downloads Archive - Genymotion – Android Emulator for app testing


Android Studio 安装流程图

1、把app拖进去安装。

2、安装完成后,打开Android Studio,选择 Do not import settings 

3、由于没有安装SDK,就会出现这个提示,先点击 Cancel 取消。   

4、点击 Next 

5、选择 Standard设置,然后继续点击 Next。 

6、选择你自己喜欢的主题界面,我这里喜欢 Darcula,选了之后进去也可以修改所以可以随便选。 

7、点击 Next 

8、这里是要你同意他安装一些组建,两个都点 Accept 后,就可以点 Finish 了,当然你可以阅读一下里面的介绍。 

9、等待下载ing。

10、下载完成,点击 Finish。 

11、再回去看react-native官方文档 。按照官方要求,在 Android Studio 里面下载对应的东西。


编译并运行 React Native 应用

1、downloaded gradle-8.0.1-all.zip 超时

这是因为Gradle源服务器在国外,下载速度自然很慢。

将服务器换成国内的。

distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-8.0.1-all.zip

gradle-8.0.1-all.zip 你创建项目提供给你的文件名是什么就是什么,不要跟我改成一样的名字。 

2、Could not determine the dependencies of null.

检查本机java jdk 版本是否与 react-native 版本匹配。低于 0.67 版本的 react-native 使用java8;

否则使用java11。

你可以在命令行中输入 javac -version(请注意是 javac,不是 java)来查看你当前安装的 JDK 版本。

3、Could not resolve all dependencies for configuration ‘:classpath‘.

找到 android\build.gradle 文件,在 repositories 添加一下两段代码即可。

maven{ url = "https://maven.aliyun.com/repository/google" }
maven{ url = "https://maven.aliyun.com/repository/public" }

 后面就运行成功了。

 第一次编译并运行花了很长时间,编译的时候要下载很多东西,并且有的下载很慢,一定要耐心等待。

祝你好运! 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值