https://github.com/race604/ZhiHuDaily-React-Native

A Zhihu Daily(http://daily.zhihu.com/) App client implemented using React Native (Android and iOS).
https://github.com/race604/ZhiHuDaily-React-Native

Last synced: 9 months ago
JSON representation

A Zhihu Daily(http://daily.zhihu.com/) App client implemented using React Native (Android and iOS).

• Host: GitHub
• URL: https://github.com/race604/ZhiHuDaily-React-Native
• Owner: race604
• License: mit
• Created: 2015-09-23T12:47:16.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2023-09-19T05:26:28.000Z (about 2 years ago)
• Last Synced: 2024-10-29T15:32:46.172Z (about 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 1.88 MB
• Stars: 3,641
• Watchers: 195
• Forks: 807
• Open Issues: 32
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• react-native-awesome - ZhiHuDaily-React-Native
• awesome-react-native - ZhiHuDaily-React-Native
• ReactNativeMaterials - ZhiHuDaily-React-Native

README

          
[![Android Gems](http://www.android-gems.com/badge/race604/ZhiHuDaily-React-Native.svg?branch=master)](http://www.android-gems.com/lib/race604/ZhiHuDaily-React-Native)

# ZhiHuDaily-React-Native

The is a [Zhihu Daily](http://daily.zhihu.com/) App client, implemented using [**React Native**](http://facebook.github.io/react-native/). This project can run on both Android and iOS, with more than 80% of code in common. This is a demo project to show how to develop a complete app with React Native. (The data api is from [ZhihuDailyPurify](https://github.com/izzyleung/ZhihuDailyPurify/wiki/%E7%9F%A5%E4%B9%8E%E6%97%A5%E6%8A%A5-API-%E5%88%86%E6%9E%90))

## How does it look like?

* The home page

![](./art/home1.jpg)

* The drawer

![](./art/drawer.jpg)

* The content page

![](./art/content.jpg)

## How to run

1. Prepare your environment: [Requirements](http://facebook.github.io/react-native/docs/getting-started.html#requirements) and [Android Setup](http://facebook.github.io/react-native/docs/android-setup.html)

2. Clone this repo, and goto the project root directory

3. run `npm install`

4. run `react-native run-android`

5. Enjoy

## Related content

In this project, I used most of technology in React Native:

* Flex Style

* Direct Manipulation

* Native UI Components

* DrawerLayoutAndroid

* Image/Text/ListView

* TouchableHighlight/TouchableNativeFeedback

* ToolbarAndroid/Navigator

* StyleSheet/ToastAndroid/BackAndroid

* Timers

* AsyncStorage

* Animations

* Customize view

* ...

## TODO

1. ~~Add local storage to cache data~~ (done)

2. ~~Add List header banner~~ (done)

3. ~~Add splash animation~~ (done)

4. ~~Add swipe/pull to refresh~~ (done)

5. ~~**iOS compatible**~~(done 80% of code in common)

## License

This project is available under the MIT license.