# ZhiHuDaily-React-Native

**Repository Path**: 5vbear/ZhiHuDaily-React-Native

## Basic Information

- **Project Name**: ZhiHuDaily-React-Native
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-02-24
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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.