{"id":13452741,"url":"https://github.com/race604/ZhiHuDaily-React-Native","last_synced_at":"2025-03-23T21:34:41.115Z","repository":{"id":51682066,"uuid":"43000411","full_name":"race604/ZhiHuDaily-React-Native","owner":"race604","description":"A Zhihu Daily(http://daily.zhihu.com/) App client implemented using React Native (Android and iOS).","archived":false,"fork":false,"pushed_at":"2023-09-19T05:26:28.000Z","size":1970,"stargazers_count":3641,"open_issues_count":32,"forks_count":807,"subscribers_count":195,"default_branch":"master","last_synced_at":"2024-10-29T15:32:46.172Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/race604.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2015-09-23T12:47:16.000Z","updated_at":"2024-10-27T15:05:57.000Z","dependencies_parsed_at":"2022-08-22T23:21:11.636Z","dependency_job_id":"b89fc104-ff71-4d45-b293-0499fdb17743","html_url":"https://github.com/race604/ZhiHuDaily-React-Native","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/race604%2FZhiHuDaily-React-Native","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/race604%2FZhiHuDaily-React-Native/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/race604%2FZhiHuDaily-React-Native/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/race604%2FZhiHuDaily-React-Native/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/race604","download_url":"https://codeload.github.com/race604/ZhiHuDaily-React-Native/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245090840,"owners_count":20559298,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-31T08:00:21.838Z","updated_at":"2025-03-23T21:34:41.047Z","avatar_url":"https://github.com/race604.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","开源APP","开源App"],"sub_categories":["系列教程","项目实践\u0026教程"],"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)\r\n\r\n# ZhiHuDaily-React-Native\r\n\r\nThe 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))\r\n\r\n## How does it look like?\r\n\r\n* The home page\r\n\r\n![](./art/home1.jpg)\r\n\r\n* The drawer\r\n\r\n![](./art/drawer.jpg)\r\n\r\n* The content page\r\n\r\n![](./art/content.jpg)\r\n\r\n## How to run\r\n\r\n1. 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)\r\n2. Clone this repo, and goto the project root directory\r\n3. run `npm install`\r\n4. run `react-native run-android`\r\n5. Enjoy\r\n\r\n## Related content\r\n\r\nIn this project, I used most of technology in React Native:\r\n\r\n* Flex Style\r\n* Direct Manipulation\r\n* Native UI Components\r\n* DrawerLayoutAndroid\r\n* Image/Text/ListView\r\n* TouchableHighlight/TouchableNativeFeedback\r\n* ToolbarAndroid/Navigator\r\n* StyleSheet/ToastAndroid/BackAndroid\r\n* Timers\r\n* AsyncStorage\r\n* Animations\r\n* Customize view\r\n* ...\r\n\r\n## TODO\r\n\r\n1. ~~Add local storage to cache data~~ (done)\r\n2. ~~Add List header banner~~ (done)\r\n3. ~~Add splash animation~~ (done)\r\n4. ~~Add swipe/pull to refresh~~ (done)\r\n5. ~~**iOS compatible**~~(done 80% of code in common)\r\n\r\n## License\r\n\r\nThis project is available under the MIT license.\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frace604%2FZhiHuDaily-React-Native","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frace604%2FZhiHuDaily-React-Native","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frace604%2FZhiHuDaily-React-Native/lists"}