react-native android学习-开发环境（windows10）

声明：操作系统：windows 10 pro 64位，所有命令在node 命令行中执行。

第一步：安装node 最新的stable版，顺带着就会安装npm

https://nodejs.org/en/

node 是一个基于v8的javascript运行环境

npm 是javascript的包管理器，可以用来管理开发时需要使用的模块，特别是模块之间的依赖

注意：安装时，不要取消添加到环境变量”（默认是选中的）。

我这里安装了 node-4.4.3 ，npm:3.8.6

第二步：安装react-native-cli

打开node的命令行窗口

执行

npminstall-greact-native-cli

第三步：安装最新版的jdk1.8，安装android studio

配置环境变量：key:ANDROID_HOME value:{你的android skd安装目录}

我的配置

然后打开android sdk目录里的sdk manager

你需要安装下图中红色框内的sdk包

至此你的开发环境已经初步搭建好了

因为安装和使用Genymotion和oracle virual Box时，可能会遇到很多其它问题

推荐使用真机测试，可以避免很多不必要的麻烦

搞个demo试试：

1，在你想要建立项目的目录下，执行命令

react-nativeinit{你的项目名称}

我的叫ccApp,得到这个界面

然后就等着吧，这是npm从官方包管理平台下拉取依赖，时间略长，根据网络情况，几分钟到几小时不等。

可以考虑配置使用淘宝镜像拉取。

2，安装完依赖以后，将手机用usb链接到电脑，打开usb调试,命令行中执行

adbdevices

看看你的设备有没有连接上？

进入项目目录，重新打开一个命令行窗口，进入项目目录，执行

react-nativestart

时间略长。

这样我们的服务端就运行起来了，然后在前一个命令行窗口执行

react-nativerun-android

第一次，它会自动安装gradle，这个是android上需要使用的构建工具，我不太清楚，反正它会给下载安装

时间略长

经过一长串输出：得到

哟西，构建成功，安装成功，但是手机上面app自动启动后报了红色错误页。

这里是因为没有设置设备访问的IP和端口

我这里是192.168.10.77：8081

调出app菜单（也许你可以试试摇一摇），在dev-setting选项中的最后一个选项下设置ip和端口号

然后点击reload js ，大功告成，试着修改index.android.js的内容吧，然后reload

接下来你可以试试react-native 仓库中example的安装步骤，试着安装example吧。

NOTE：

坑1，安装android sdk的时候，版本要选对啊，之前因为安装了23.0.3，就想着不用安装23.0.1，但是后来会报错啊，所以你懂安卓的话，你可以改配置文件，不懂安卓的话，一定要选上必须的安装的版本。

坑2，一切都设置对了也报错”Can't find variable: __fbBatchedBridge “ 请参照 https://github.com/facebook/react-native/issues/4881

参考链接：

猜你在找的React相关文章