https://github.com/bawn/noder-react-native

The mobile app of cnodejs.org written in React Native
https://github.com/bawn/noder-react-native

cnode cnodejs javascript react-native

Last synced: about 2 months ago
JSON representation

The mobile app of cnodejs.org written in React Native

• Host: GitHub
• URL: https://github.com/bawn/noder-react-native
• Owner: bawn
• License: mit
• Created: 2017-02-05T09:43:28.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2019-04-04T08:53:39.000Z (almost 6 years ago)
• Last Synced: 2024-11-09T04:35:45.329Z (2 months ago)
• Topics: cnode, cnodejs, javascript, react-native
• Language: JavaScript
• Size: 4.97 MB
• Stars: 24
• Watchers: 4
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-cnode - noder-react-native - react-native.svg?label=%E2%98%85) The mobile app of cnodejs.org written in React Native [@bawn](https://github.com/bawn) (Awesome-CNode / React Native)

README

        
# noder-react-native

这是一个基于 [react-native](https://github.com/facebook/react-native) 的 [cnodejs](https://cnodejs.org/) 客户端，只支持 iOS 平台，目前还在完善中。

## Install

1. 进入根目录执行 `npm install`

2. 安装 [react-native-navigation](https://github.com/wix/react-native-navigation)：[文档](http://wix.github.io/react-native-navigation/#/installation-ios)

3. 安装 [react-native-qrcode-scanner](https://github.com/moaazsidat/react-native-qrcode-scanner)：[文档](https://github.com/moaazsidat/react-native-qrcode-scanner)

4. 进入 ios 目录，执行`pod install`(事先安装[CocoaPods](https://cocoapods.org/))

## 技术

原生第三方库

1. [HTMLKit](https://github.com/iabudiab/HTMLKit) HTML 的解析

2. [AsyncDisplayKit](https://github.com/facebook/AsyncDisplayKit) 解析 DOM 后使用 AsyncDisplayKit 控件渲染

react-native 第三方库

1. [react-native-navigation](https://github.com/wix/react-native-navigation) 用于页面管理和跳转

2. [react-native-qrcode-scanner](https://github.com/moaazsidat/react-native-qrcode-scanner) 用于扫描二维码

3. [react-native-htmlview](https://github.com/jsdf/react-native-htmlview) 显示回复内容

4. [react-native-scrollable-tab-view](https://github.com/skv-headless/react-native-scrollable-tab-view) 首页的滚动视图管理

## 设计

部分设计照搬了锤子论坛安卓客户端。项目中包含了设计的源文件，请用 Sketch 43.0 以上版本打开根目录的 Noder 文件。

![image](Preview.png)

## License

[MIT](http://mit-license.org/)