Need help with ZhiHuDaily-React-Native?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

race604
3.7K Stars 848 Forks MIT License 56 Commits 33 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

# 17,806
Java
Objecti...
48 commits
# 2,977
Java
wechat
photopi...
Android
1 commit
# 126,287
custom-...
Crystal
messeng...
chatbot...
1 commit
# 14,807
JavaScr...
context...
lazyloa...
React N...
1 commit

Android Gems

ZhiHuDaily-React-Native

The is a Zhihu Daily App client, implemented using 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)

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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.