基于react-native android的新闻app的开发

使用平台：android

代码获取地址：https://github.com/wuwanyu/ReactNative-Android-MovieDemo

项目展示：

• 结构图：

• SpalashScreen(幻灯片)
• 

• 首页（新闻列表）：

  

• 新闻详情页：

  

• Drawer页：

  

• 电影列表页：

  

解决问题：

ListView，Drawer，WebView，Navigate，AsyncStorage，splash animation

未解决问题：

图片轮播，下拉刷新，页面切换时的滑动效果

---

开发react-native android版本须知：

（1）配置react-native 安卓运行环境

（2）启动项目步骤：

使用cmd命令行，进入工程目录，运行    
node node_modules\react-native\packager\packager.js

保持packager开启，另外打开一个命令行窗口，然后在工程目录下运行
react-native run-android

(3) 创建项目步骤：

进入你的工作目录，运行
react-native init ProjectName

使用cmd命令行，进入工程目录，运行（打开vpn，否则会报错；）
node node_modules\react-native\packager\packager.js


保持packager开启，另外打开一个命令行窗口，然后在工程目录下运行
react-native run-android

 

参考：

github煎蛋实例

facebook.github参考文档

Windows下搭建React Native Android开发环境

React-Native android在windows下的踩坑记