使用react-native中的Navigator组件进行页面导航-Navigator篇(android版)

最近对React比较感兴趣,然后爱屋及乌,也研究了下React-Native, 后面简称为RN。

RN刚发布时,Facebook官方说为了快速发布,我们暂时只支持在MacOS上使用, 其他操作系统会慢慢支持。这可让那些用不起Mac的程序员苦逼了。。还好还好,最近RN发布了0.13.0版本了,已经兑现了对windows的支持,所以广大的程序猿们可以在windows上利用RN开发Android应用啦。。至于开发iOS应用,呵呵,还是不要想了,调试还是需要模拟器的嘛。。关于Android环境的搭建可以参考

Windows下搭建React Native Android开发环境》一文,不过作者提到需要修改react-native里面的代码就不必要了,因为那些问题都已经修正了。所以你就大胆的使用的。就几句话:

npm install react-native-cli -g   #安装react-native控制台工具

react-native init AwesomeProject #初始化一个项目

react-native start  #运行服务,用于生成js bundle

ract-native run-android #在手机上或者模拟器上运行android应用

废话少说,进入我们今天的主题:如果在RN中使用Navigator。 首先的问题是:何为Navigator?  从字面意思上来说,就是导航了。通俗点讲,就是说一个页面跳转到另外一个页面,相当于是页面的控制器。如果大家稍微熟悉下Android的开发,就知道,在Android中一个页面就是一个Activity,然后通过Intent,我们可以跳转到另外一个Activity。我们想要的就是这种效果。那我们该怎么办呢? Continue reading

react-native 中文教程

React Native探索(一):背景、规划和风险 http://www.infoq.com/cn/articles/react-native-overview

React Native探索(二):布局篇 http://www.infoq.com/cn/articles/react-native-layout

React Native探索(三):与 react-web 的融合 http://www.infoq.com/cn/articles/react-native-web

建议注册一个 https://rnplay.org 网站会员,上面有太多的实例学习代码,还有相应的app手机端。

React-Native With Redux  http://richard-cao.github.io/2016/01/12/React-Native-With-Redux/

react-native 中文教程

http://reactnative.cn/

http://wiki.jikexueyuan.com/project/react-native/debugging.html (不再更新)

官方教程:

http://facebook.github.io/react-native/docs/getting-started.html

学习教程:

http://www.oschina.net/translate/going-native-with-react