加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 （https://www.lidatong.com.cn/）- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置： 首页 > 百科 > 正文

react-native —— 在Mac上搭建React Native Android开发环境

发布时间：2020-12-15 05:20:19 所属栏目：百科 来源：网络整理
导读：需要：JDK，Android SDK，Node.js 1.安装JDK 去 Java官网下载列表选择Mac OS X x64版 2.安装Android SDK 虽然现在谷歌推荐使用Android Studio，但是我还是选择了单独安装Android SDK。 这是一个比较全的目录，上面的链接是官方的，有wall，用下面的基本都是
需要：JDK，Android SDK，Node.js
1.安装JDK
去 Java官网下载列表选择Mac OS X x64版
2.安装Android SDK
虽然现在谷歌推荐使用Android Studio，但是我还是选择了单独安装Android SDK。
这是一个比较全的目录，上面的链接是官方的，有wall，用下面的基本都是网盘资源，速度还可以，记得修改Android SDK在线更新镜像服务器。
PS：在Android SDK Manager里要装API 23的
安装完成后，一定要设置环境变量：
进入用户主目录下
1
$ cd ~
然后如果目录下不存在.bash_profile文件，则创建该文件 
$touch .bash_profile
打开该文件 
$open .bash_profile
接着在文件中加入以下两行，{/your/sdk/path/}是你的SDK文件夹的路径
export ANDROID_HOME={ /your/sdk/path/ }android-sdk-macosx
PATH=${PATH}:$ANDROID_HOME /tools :$ANDROID_HOME /platform-tools
保存并退出，然后执行 
$source .bash_profile
最后测试一下 
$adb version
出现AndroidDebugBridgeversion1.0.32
输入 $android 会打开Android SDK Manager
自此，设置环境变量成功
3.安装nvm,Node.js,watchman,flow
(1)官方说推荐使用 Homebrew的方式安装nvm,flow。
安装nvm后，运行 
$nvm install node
$nvm alias default node
install 命令可能需要在前面加上sudo命令，根据提示输入密码，才能获取安装权限
安装最新版本Node.js
(2)当然也可以在 node.js官网直接下载
输入$node -v 检测是否成功安装
4.安装React-native-cli 
$npm install -g react-native-cli
-g意思是全局安装 
$open /usr/local/lib/node_modules
可以看到npm在全局安装的所有包
5.初始化示例项目 
$react-native init AwesomeProject
需要等待一段时间，然后打开 
$cd AwesomeProject
$react-native run-android
第一次运行可能会安装gradle，速度有点慢，要耐心，等等等。。。
PS：测试推荐使用真机，安卓虚拟机启动速度不想吐槽。。。
真机调试时，如果一打开一片红，“Unable to download JS bundle”，请摇晃手机，在弹出的选单里选择Dev Settings，选Debug server host for device，然后输入电脑的IP地址，此时手机要与电脑（编译环境）在同一Wifi环境下
欢迎界面：
6.编辑代码
打开index.android.js并修改部分代码，保存
摇动手机，点Reload JS，可以看到界面变化了（增加静态资源时，需要重新编译）
参考： http://wiki.jikexueyuan.com/project/react-native/GettingStarted.html



LL ANDROID STUDIO PACKAGES-V1.4.1.2288178

Select a specific Android Studio package for your platform. Also see theAndroid Studio release notes.

Platform Package Size SHA-1 Checksum
Windows android-studio-bundle-141.2288178-windows.exe
(Recommended)		 1177811944 bytes a2f0141d35f8f0c24dad2ff390e7f6231c5f7625
android-studio-ide-141.2288178-windows.exe
(No SDK tools included)		 348295968 bytes 82d0d9c78ec23834956f941a07821be347fcb7bf
android-studio-ide-141.2288178-windows.zip 373492997 bytes c0851dc9a506ba9f4c1379a3e9b4019c08478220
Mac OS X android-studio-ide-141.2288178-mac.dmg 364624965 bytes 27068d59d5a78717d31bdedd054082b5c50d3897
Linux android-studio-ide-141.2288178-linux.zip 380821638 bytes 137e3734f2e8e285bd7c1d2fae2e8548d0f164bd

Android SDK 在线更新镜像服务器资源

用户评价：/151

Android SDK 在线更新镜像服务器资源：

大连东软信息学院镜像服务器地址:

  • http://mirrors.neusoft.edu.cn端口：80

北京化工大学镜像服务器地址:

  • IPv4:http://ubuntu.buct.edu.cn/端口：80
  • IPv4:http://ubuntu.buct.cn/端口：80
  • IPv6:http://ubuntu.buct6.edu.cn/端口：80

上海GDG镜像服务器地址:

  • http://sdk.gdgshanghai.com端口：8000

中国科学院开源协会镜像站地址:

  • IPV4/IPV6: http://mirrors.opencas.cn端口：80
  • IPV4/IPV6: http://mirrors.opencas.org端口：80
  • IPV4/IPV6: http://mirrors.opencas.ac.cn端口：80

腾讯Bugly 镜像:

  • http://android-mirror.bugly.qq.com端口：8080
  • 腾讯镜像使用方法: http://android-mirror.bugly.qq.com:8080/include/usage.html

使用方法：

  1. 启动 Android SDK Manager ，打开主界面，依次选择『Tools』、『Options...』，弹出『Android SDK Manager - Settings』窗口；

  2. 在『Android SDK Manager - Settings』窗口中，在『HTTP Proxy Server」和「HTTP Proxy Port』输入框内填入上面镜像服务器地址和端口，并且选中『Force https://... sources to be fetched using http://...』复选框。设置完成后单击『Close』按钮关闭『Android SDK Manager - Settings』窗口返回到主界面；

  3. 依次选择『Packages』、『Reload』。

补充资源 | 数据更新

Android Tools Download - 百度网盘下载/收藏/分享 用户评价：/89 
感谢：inferjay等人所做的资料整理

Android Studio

使用说明

版本号 Windows Mac OSX Linux
1.4 RC1 下载 下载 下载
1.4 Beta 下载 下载 下载
1.3 Beta 下载 下载 下载
1.2正式版 (SDK)EXEZIPEXE dmgzip zip
1.1正式版 (SDK)EXEZIPEXE dmgzip zip
1.1 Beta2 下载 下载 下载
1.1 Beta1 下载 下载 下载
1.1 Preview2 下载 下载 下载
1.1 Preview1 下载 下载 下载
1.0.2 下载 下载 下载
1.0.1 含SDK安装版不含SDK安装版不含SDK非安装版 下载 下载
1.0 下载 下载 下载
1.0&SDK 下载 - -
1.0RC 下载 下载 下载
0.9.3 下载 下载 下载
0.9.2 下载 下载 下载
0.9.1 下载 下载 下载
0.9.0 下载 下载 下载
0.8.14 下载 下载 下载
0.8.13 下载 下载 下载
0.8.12 下载 下载 下载
0.8.11 下载 下载 下载
0.8.10 下载 下载 下载
0.8.9 下载 下载 下载
0.8.8 下载 下载 下载
0.8.7 下载 下载 下载
0.8.6 下载 下载 下载
0.8.5 下载 下载 下载
0.8.4 下载 下载 下载
0.8.3 下载 下载 下载
0.8.2 下载 下载 下载
0.8.1 下载 下载 下载
0.8.0 下载 下载 下载
0.6.1 下载 下载 下载
0.6.0 下载 下载 下载
0.5.9 下载 下载 下载
0.5.8 下载 下载 下载

Gradle

使用说明

版本号
gradle-2.4-all.zip
gradle-2.3-all.zip
gradle-2.2.1-all.zip
gradle-2.2-all.zip
gradle-2.1-all.zip
gradle-2.0-all.zip
gradle-1.12-all.zip
gradle-1.11-all.zip
gradle-1.10-all.zip
gradle-1.9-all.zip
gradle-1.8-all.zip
gradle-1.7-all.zip

ADT Bundle

使用说明

ADT Bundle包含了Eclipse、ADT插件和SDK Tools，是已经集成好的IDE，只需安装好Jdk即可开始开发，推荐初学者下载ADT Bundle，不用再折腾开发环境。

Linux
23.0.2 32位/64位 64位 32位/64位
23.0.0 32位/64位 64位 32位/64位

ADT Plugin

使用说明

将http://dl.google.com/android/ADT-xx.x.x.zip地址里的ADT-XX.X.X部分替换为要下载的ADT版本号，ADT版本号可以在Android SDK Manager里识别，例如：ADT- 23.0.0

版本号
ADT-23.0.6
ADT-23.0.4
ADT-23.0.3
ADT-23.0.2
ADT-23.0.0
ADT-22.6.3
AdT-22.6.1

SDK Tools

Linux

sdk-tools-r24.3.4 installer_r24.3.4-windows.exe/android-sdk_r24.3.2-windows.zip android-sdk_r24.3.4-macosx.zip android-sdk_r24.3.4-linux.tgz
sdk-tools-r24.3.2 installer_r24.3.2-windows.exe/android-sdk_r24.3.2-windows.zip android-sdk_r24.3.2-macosx.zip android-sdk_r24.3.2-linux.tgz
sdk-tools-r24.2 installer_r24.2-windows.exe/android-sdk_r24.2-windows.zip android-sdk_r24.2-macosx.zip android-sdk_r24.2-linux.tgz
sdk-tools-r24.1.2 installer_r24.1.2-windows.exe/android-sdk_r24.1.2-windows.zip android-sdk_r24.1.2-macosx.zip android-sdk_r24.1.2-linux.tgz
sdk-tools-r24.0.2 installer_r24.0.2-windows.exe/android-sdk_r24.0.2-windows.zip android-sdk_r24.0.2-macosx.zip android-sdk_r24.0.2-linux.tgz
sdk-tools-r24.0.1 installer_r24.0.1-windows.exe/android-sdk_r24.0.1-windows.zip android-sdk_r24.0.1-macosx.zip android-sdk_r24.0.1-linux.tgz
sdk-tools-r24 installer_r24-windows.exe/android-sdk_r24-windows.zip android-sdk_r24-macosx.zip android-sdk_r24-linux.tgz
sdk-tools-r23.0.2 installer_r23.0.2-windows.exe/android-sdk_r23.0.2-windows.zip android-sdk_r23.0.2-macosx.zip android-sdk_r23.0.2-linux.tgz
sdk-tools-r23 installer_r23-windows.exe/android-sdk_r23-windows.zip android-sdk_r23-macosx.zip android-sdk_r23-linux.tgz

SDK

使用说明

这是Android开发所需的sdk，下载并解压后，将解压出的整个文件夹复制或者移动到your sdk 路径/platforms文件夹，然后打开SDK Manager，打开Tools(工具)菜单选择Options(选项)菜单项打开 Android SDK Manager Setting对话 框，点击Clear Cache(清除缓存)按钮，然 后重启Eclipse(或Android Studio)和SDK Manager。

系统版本号 Linux
android 5.0 下载 下载
android L Rev3 下载 下载 下载
android L 下载 下载 下载
android 4.4W 下载 下载 下载
android 4.4.2 下载 下载 下载
android 4.3 下载 下载 下载
android 4.2.2 下载 下载 SDK System images

使用说明

这是在创建模拟器时需要的system image，也就是在创建模拟器时CPU/ABI项需要选择的，下载并解压后，将解压出的整个文件夹复制或者移动到your sdk 路径/system-images文件夹下即可， 如果没有system-images目录就先 创建此文件夹，然后打开SDK Manager，打开Tools(工 具)菜单选择Options(选项)菜单项打开Android SDK Manager Setting对话框，点击Clear Cache(清除缓存)按钮，然后重启Eclipse( 或Android Studio)和SDK Manager。

Linux
android 5.0 下载 下载
android L 下载 GoogleMap APIs SDK

使用说明

这是GoogleMap APIs SDK，下载并解压后，将解压出的整个文件夹复制或者移动到your sdk 路径/add-ons文件夹下，然后打开SDK Manager，打开Tools(工具)菜单选择Options(选项)菜单项打开 Android SDK Manager Setting对话框 ，点击Clear Cache(清除缓存)按钮，然 后重启Eclipse(或Android Studio)和SDK Manager。

Linux
android 4.4.2 下载ARM版/下载x86版 下载ARM版/下载x86版

Google Glass SDK

使用说明

这是GDK，下载并解压后，将解压出的整个文件夹复制或者移动到your sdk 路径/add-ons文件夹下，然后打开SDK Manager，打开Tools(工 具)菜单选择Options(选项)菜单项打开Android SDK Manager Setting对话框，点击Clear Cache(清除缓存)按钮，然后重启Eclipse(或 Android Studio)和SDK Manager。

系统版本 Linux
android 4.4.2 下载 Google TV Addon

使用说明

这是Google TV Addon，下载并解压后，将解压出的整个文件夹复制或者移动到your sdk 路径/add-ons文件夹，然后打开SDK Manager，打开Tools( 工具)菜单选择Options(选项)菜单项打开Android SDK Manager Setting对话框，点 击Clear Cache(清除缓存)按钮，然后重启Eclipse( 或Android Studio)和SDK Manager。

Linux
android 3.2 下载 Android Framework Source Code

使用说明

这是Android Framework Source Code，下载并解压后，将解压出的整个文件夹复制或者移动到your sdk 路径/sources文件夹下，然后重启Eclipse(或 Android Studio)，这样当你在Eclipse里面按住Ctrl键点击某个系统 类时就可以打开该类的源码文 件查看源码了。

系统版本
android 4.4W
android 4.4W
android 4.4.2
android 4.3
android 4.2.2

Support Library

包含supportive、v7和v13，下载解压后将解压出的整个文件夹复制或者移动到your sdk 路径/extras下，然后打开SDK Manager，打开Tools(工 具)菜单选择Options(选项)菜单项打开Android SDK Manager Setting对话框，点击Clear Cache(清除缓存)按钮，然后重启Eclipse(或 Android Studio)和SDK Manager。

版本号
20

SDK Samples

使用说明

这是Android SDK自带的示例代码，下载并解压后，将解压出的整个文件夹复制或者移动到your sdk 路径/samples文件夹下，然后重启Eclipse(或Android Studio)。 。

系统版本
android 21
android L
android 4.4W
android 4.4.2
android 4.3
android 4.2.2
android 4.1.2
android 4.0.3
android 4.0
android 3.2
android 3.1
android 3.0
android 2.3.3
android 2.2

NDK

使用说明

C/C++开发Android应用工具包

Platform(32-bit target) Package
Windows 32-bit android-ndk32-r10-windows-x86.zip
Windows 64-bit android-ndk32-r10-windows-x86_64.zip
Mac OS X 32-bit android-ndk32-r10-darwin-x86.tar.bz2
Mac OS X 64-bit android-ndk32-r10-darwin-x86_64.tar.bz2
Linux 32-bit (x86) android-ndk32-r10-linux-x86.tar.bz2
Linux 64-bit (x86) android-ndk32-r10-linux-x86_64.tar.bz2
Platform(64-bit target) Package
Windows 32-bit android-ndk64-r10-windows-x86.zip
Windows 64-bit android-ndk64-r10-windows-x86_64.zip
Mac OS X 32-bit android-ndk64-r10-darwin-x86.tar.bz2
Mac OS X 64-bit android-ndk64-r10-darwin-x86_64.tar.bz2
Linux 32-bit (x86) android-ndk64-r10-linux-x86.tar.bz2
Linux 64-bit (x86) android-ndk64-r10-linux-x86_64.tar.bz2
Linux
ndk-r9d 32位/64位 32位/64位 32位/64位
Additional Download(32-,64-bit) Package
r10 STL debug info android-ndk-r10-cxx-stl-libs-with-debug-info.zip
r9 STL debug info android-ndk-r9-cxx-stl-libs-with-debug-info.zip

Android L Preview System Image

使用说明

这个是Android L Preview系统的刷机镜像。

设备 下载
Nexus 5 (GSM/LTE) "hammerhead" hammerhead-lpv79-preview-ac1d8a8e.tgz
Nexus 7 (Wifi) "razor" razor-lpv79-preview-d0ddf8ce.tgz

JDK

Linux

1.8 u5 32位/64位 64位 rpm/tar
1.7 u60 32位/64位 64位 rpm/tar
1.6 u45 32位/64位 64位 32位/64位

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
    相关内容
      推荐文章
        站长推荐
        热点阅读

          【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱bqsm@foxmail.com我们将及时予以处理。

          建议您使用1920×1080分辨率、谷歌浏览器Google Chrome、Microsoft Edge以获得本站的最佳浏览效果

          Copygight © 2008-2022 https://www.lidatong.com.cn/ All Rights Reserved. 李大同