基于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
参考: