使用 react-native + dva + react-navigation 开发的一款书房类项目。
此项目仅用来学习交流,所以购买等操作都没有开发
克隆项目
npm i
react-native link
使用Xcode打开项目,运行即可
-
react-native: "^0.51.0",
-
react-navigation: "^1.0.3",
-
react-native-modal: "^4.1.1",
-
react-native-swiper: "^1.5.13",
-
react-native-root-toast: "^3.0.0",
-
react-native-vector-icons: "^4.5.0",
-
react-native-image-picker: "^0.26.7",
项目框架搭建参考的是a React Native starter powered by dva and react-navigation
|-- android
|-- ios
|-- node_modules
|-- app
|-- components // 公用组件
|-- containers
|-- Home // 首页
|-- Category // 分类
|-- Press // 出版社
|-- Rank // 排行榜
|-- images // 静态图片
|-- models // 各个组件model (可参考[dva.js](https://github.com/dvajs/dva))
...
|-- page //存放非tab页的每个页面组件
|-- services // 定义API
|-- utils // 工具及方法
|-- index.js // 创建dva实力,注册应用,记载model的地方
|-- router.js // 定义路由
|-- index.js // 主入口
- 获取验证码的倒计时,清除倒计时的时机要考虑周全
- 书籍阅读时返回的是html拼接的,没有好的办法去完成翻页效果,所以用的是Webview
- 数据的缓存与刷新时机(还未考虑全)
- 缓存数据优化
- 分享
- 代码优化
首先非常感谢dva的作者sorrycc,这个项目真的很赞。
自己也是看了很久的RN,不过由于公司原因,一直都是自学,并没有上线项目(本来打算把这个打包上线的,不过要开发者账号,99刀还是算了…)