Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

使用react-native尝试开发cnode社区客户端

NotificationsYou must be signed in to change notification settings

monster1935/cnode-rn-app

Repository files navigation

该项目旨在学习react-native的开发方式,以 CNode 社区的 API 为基础,使用 React-Native 完成了 App 的大部分功能。特此感谢CNode 社区

Download

目前仅打包了 Android 下的安装文件,点我下载

TodoList

第一阶段

初步完成 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 clonegit clone https://github.com/monster1935/cnode-rn-app.git# use yarn or npm install the packageyarn# start the package serverreact-native run-android

App 截图

最后

该项目为个人学习 react-native 的 Demo, 欢迎技术交流。

About

使用react-native尝试开发cnode社区客户端

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

[8]ページ先頭

©2009-2025 Movatter.jp