/ZhiHuDaily-React-Native

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

Primary LanguageJavaScriptMIT LicenseMIT

Android Gems

ZhiHuDaily-React-Native

The is a Zhihu Daily App client, implemented using React Native. This project can run both on Android and iOS, with more than 80% of code in common. The is a demo project to show how to develop a compelet app with React Native. (The data api is from ZhihuDailyPurify)

How does it look like?

  • The home page

  • The drawer

  • The content page

How to run

  1. Prepare your environment: Requirements and Android Setup
  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.