该项目旨在学习react-native的开发方式,以 CNode 社区的 API 为基础,使用 React-Native 完成了 App 的大部分功能。特此感谢 CNode 社区。
目前仅打包了 Android 下的安装文件,点我下载
初步完成 app 的原型阶段,包括 app 的核心交互功能,文章展示等。该阶段的主要在于体会react-native的开发方式。目前已经完成以下功能:
- 阅读react-native 文档, 搭建 Android react-native 开发环境
- 阅读react-navigation 文档,添加 App 导航
- 首页不同类型文章的显示
- 文章详情页的展示,评论的显示
- 基于token的扫码登录功能
- 文章的收藏功能
- 收藏、消息模块的登录鉴权以及相关显示
- 登录、设置、关于等相关模块的显示
- 评论的点赞功能
- 添加发帖功能
- 文章的优化显示,主要在于内嵌于 Text 中的 Image 在 Android 上的显示
- 导航的优化
项目的优化阶段,在现有原型交互功能的基础上,深入理解 react 的组件化开发方式以及 react-native 在Android, IOS上的一些不同的处理。主要包括以下几点:
- react 生命周期钩子函数 总结
- react setState 的深入理解
- react 数据 diff 算法
- react-native 在 Android 以及 IOS 上的不同处理
深入理解 react-native 的阶段,包括在 android 以及 ios 下的编译过程,如何在 android 以及ios项目中介入部分 react-native 的开发。
以 Android 上的运行为例,该项目暂未在 IOS 下 调试。
前提: 正确搭建了 Android 的 开发环境,具体见: 搭建开发环境
# git clone
git clone https://github.com/monster1935/cnode-rn-app.git
# use yarn or npm install the package
yarn
# start the package server
react-native run-android
该项目为个人学习 react-native 的 Demo, 欢迎技术交流。