react native android

貌似windowns和Linux下react native android是社区来维护的，暂时看上去不太靠谱，所以用mac先试一试。
按照官方文档来。（http://sentsin.com/web/1120.html 翻译过的也可以参考下。）

1.安装android环境和genymotion模拟器

https://facebook.github.io/react-native/docs/android-setup.html
写的还不错，做安卓开发的这部分当然是没有问题的啦。

2.安装react native

https://facebook.github.io/react-native/docs/getting-started.html#content

$ npm install -g react-native-cli$ react-native init AwesomeProject

对没做过前端开发的我来说，问题来了，首先npm是啥。

NPM的全称是Node Package Manager，如果你熟悉ruby的gem，Python的PyPL、setuptools，PHP的pear，那么你就知道NPM的作用是什么了。没错，它就是Nodejs的包管理器。Nodejs自身提供了基本的模块。但是在这些基本模块上开发实际应用需要较多的工作。所幸的是笔者执笔此文的时候NPM上已经有了5112个Nodejs库或框架，这些库从各个方面可以帮助Nodejs的开发者完成较为复杂的应用。这些库的数量和活跃也从侧面反映出Nodejs社区的发展是十分神速和活跃的。

2.1安装npm

他的官网
https://www.npmjs.com/
看了半天没找到怎么安装。。。
http://www.cnblogs.com/zhangran/p/3679333.html
这里面说，用homebrew装上Node就可以一起装好npm，还好我装过homebrew，顺便把node一起装了吧。

$ brew install node

用npm命令试一下，OK，果然装好了。

2.2 react-native init

理论上讲执行官网的2条命令，环境就快速搭好了，然而还真不是那么容易。第二步react-native init AwesomeProject果断卡了。搜了一下，大家都遇到这个问题了，原因嘛，多数都说跟墙有关系，我挂了个代理，依旧。。还有一种方法据说是用淘宝的镜像,http://www.cnblogs.com/trying/p/4064518.html。没去试，不太喜欢，就死等，大概半小时之后，显示成功了。
怀着激动得心情进到目录里，然后

$ react-native run-android

然而

FAILURE: Build failed with an exception.

检查了一下原因

What went wrong:
A problem occurred evaluating project ‘:app’.
SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.

一下想起来，我装的是Android Studio，不需要配置什么SDK路径之类的东西，所以就没在意这个部分，傻错。在~/.bash_profile里添加

export ANDROID_HOME=~/Library/Android/sdk

3.hello world

AwesomeProject就是刚才命令生成的工程。虽然不太适应，但是这个就是个helloworld工程。马上就能看到hello world了，很激动，怎么跑起来呢？

$ cd AwesomeProject$ react-native run-android

然后能够看到又启动了一个terminal，写着

React packager ready.

并且在模拟器上看到welcome to react native!的字样，OK恭喜你成功了。http://blog.csdn.net/yzzst/article/details/48002187
说了这么多，其实我还是走了弯路才在这个链接上找到怎么run起来，我编译好了app之后，就用adb install去安装了，链接不上他js的服务，所以一直失败，最后在发现原来这么run起来。。

1.安装android环境和genymotion模拟器

2.安装react native

2.1安装npm

2.2 react-native init

3.hello world

更多相关文章

随机推荐