forked from race604/ZhiHuDaily-React-Native
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request race604#32 from hkalexling/master
Correct gramma mistakes and misspelled words
- Loading branch information
Showing
1 changed file
with
57 additions
and
57 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,57 +1,57 @@ | ||
[](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 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](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 | ||
|
||
 | ||
|
||
* The drawer | ||
|
||
 | ||
|
||
* The content page | ||
|
||
 | ||
|
||
## 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. | ||
[](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 | ||
|
||
 | ||
|
||
* The drawer | ||
|
||
 | ||
|
||
* The content page | ||
|
||
 | ||
|
||
## 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. |