{"id":14974327,"url":"https://github.com/monster1935/cnode-rn-app","last_synced_at":"2025-10-27T06:32:15.933Z","repository":{"id":209146493,"uuid":"117804967","full_name":"monster1935/cnode-rn-app","owner":"monster1935","description":"使用react-native尝试开发cnode社区客户端","archived":false,"fork":false,"pushed_at":"2018-02-08T10:22:27.000Z","size":2221,"stargazers_count":17,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-09-28T18:43:08.793Z","etag":null,"topics":["cnodejs","react-native","react-native-app"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/monster1935.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2018-01-17T08:05:40.000Z","updated_at":"2023-05-30T10:18:35.000Z","dependencies_parsed_at":"2023-11-25T12:38:16.499Z","dependency_job_id":null,"html_url":"https://github.com/monster1935/cnode-rn-app","commit_stats":null,"previous_names":["monster1935/cnode-rn-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monster1935%2Fcnode-rn-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monster1935%2Fcnode-rn-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monster1935%2Fcnode-rn-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monster1935%2Fcnode-rn-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/monster1935","download_url":"https://codeload.github.com/monster1935/cnode-rn-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219861742,"owners_count":16555987,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cnodejs","react-native","react-native-app"],"created_at":"2024-09-24T13:50:23.959Z","updated_at":"2025-10-27T06:32:15.107Z","avatar_url":"https://github.com/monster1935.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## cnode-rn-app\n\n\u003e 该项目旨在学习react-native的开发方式，以 CNode 社区的 API 为基础，使用 React-Native 完成了 App 的大部分功能。特此感谢 [CNode 社区](https://cnodejs.org/)。\n\n### Download\n\n目前仅打包了 Android 下的安装文件，[点我下载](https://pan.baidu.com/s/1c38AqFu)\n\n### TodoList\n\n#### 第一阶段\n\n初步完成 app 的原型阶段，包括 app 的核心交互功能，文章展示等。该阶段的主要在于体会react-native的开发方式。目前已经完成以下功能：\n\n- [x] 阅读react-native 文档， 搭建 Android react-native 开发环境\n- [x] 阅读react-navigation 文档，添加 App 导航\n- [x] 首页不同类型文章的显示\n- [x] 文章详情页的展示，评论的显示\n- [x] 基于token的扫码登录功能\n- [x] 文章的收藏功能\n- [x] 收藏、消息模块的登录鉴权以及相关显示\n- [x] 登录、设置、关于等相关模块的显示\n- [x] 评论的点赞功能\n- [ ] 添加发帖功能\n- [x] 文章的优化显示，主要在于内嵌于 Text 中的 Image 在 Android 上的显示\n- [ ] 导航的优化\n\n#### 第二阶段\n\n项目的优化阶段，在现有原型交互功能的基础上，深入理解 react 的组件化开发方式以及 react-native 在Android, IOS上的一些不同的处理。主要包括以下几点：\n\n- [ ] react 生命周期钩子函数 总结\n- [ ] react setState 的深入理解\n- [ ] react 数据 diff 算法\n- [ ] react-native 在 Android 以及 IOS 上的不同处理\n\n#### 第三阶段\n\n深入理解 react-native 的阶段，包括在 android 以及 ios 下的编译过程，如何在 android 以及ios项目中介入部分 react-native 的开发。\n\n\n### 运行\n\n以 Android 上的运行为例，该项目暂未在 IOS 下 调试。\n\n前提： 正确搭建了 Android 的 开发环境，具体见: [搭建开发环境](https://reactnative.cn/docs/0.51/getting-started.html#content)\n\n```bash\n# git clone\ngit clone https://github.com/monster1935/cnode-rn-app.git\n\n# use yarn or npm install the package\nyarn\n\n# start the package server\nreact-native run-android\n\n```\n### App 截图\n\n![](https://raw.githubusercontent.com/monster1935/cnode-rn-app/master/img/cnode-1.jpg)\n\n![](https://raw.githubusercontent.com/monster1935/cnode-rn-app/master/img/cnode-2.jpg)\n\n![](https://raw.githubusercontent.com/monster1935/cnode-rn-app/master/img/cnode-3.jpg)\n\n### 最后\n\n该项目为个人学习 react-native 的 Demo, 欢迎技术交流。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmonster1935%2Fcnode-rn-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmonster1935%2Fcnode-rn-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmonster1935%2Fcnode-rn-app/lists"}