Skip to content
A Third-party Hupu App ( client implemented using React Native (Android and iOS).
Branch: master
Clone or download
Latest commit b59c596 Jan 7, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
__tests__ init Mar 3, 2018
android update bundle Mar 10, 2018
ios update bunlde Mar 10, 2018
models add screenshot Mar 10, 2018
screens add screenshot Mar 10, 2018
screenshot update bundle Mar 10, 2018
.babelrc init Mar 3, 2018
.buckconfig init Mar 3, 2018
.flowconfig init Mar 3, 2018
.gitattributes init Mar 3, 2018
.gitignore init Mar 3, 2018
.watchmanconfig init Mar 3, 2018
App.js init Mar 3, 2018 Update Jan 7, 2019 Rename to Mar 13, 2018 Update Mar 13, 2018
app.json init Mar 3, 2018
index.js init Mar 3, 2018
package-lock.json add png Mar 10, 2018
package.json init Mar 3, 2018
yarn.lock init Mar 3, 2018

LICENSE platform API PRs Welcome Thanks GitHub issues



This is a third-party client for the React Native version of Hupu Forum, which is compatible with Android/iOS platform and shares almost all of the code.

Currently only basic browsing functions are provided. Later this applicationwill include login and reply function (Previously referenced open source project login API is not valid anymore) and will be continuously updated.

This application is my beginning React Native practice, which might be rough and buggy. Welcome to pull requests and submit Issues.

This application is for learning React Native only, please do not use it for commercial purposes. Welcome to Star and Fork!


『Hupu』 is a registered trademark of Hupu.Inc. Neither this application nor its code is created or maintained by Hupu. This is a free application. All of the contents can be obtained at Hupu.

All APIs of this project are provided by Hupu(HuPu.Inc)and Hupu Third Party Android Open Source Project Tlint. The acquisition and sharing of content may be suspected of infringement of the rights of the Hupu. Please follow the Hupu forum agreement.


fir download Android beta1

Scan QR code to download(Android beta1):

iOS version is not available, Runing the project locally if you have mac development environment.

Application interface

  • Homepage

  • Sidebar

  • Sub-forum

  • Sub-forum posts list

  • Post details

  • Replies


Environmental configuration steps:

1.Install nvm.

2.Install nodejs > 9.0

If you installed a different version of node before, please do the following before installing 9.0:

rm -rf node_modules

nvm use 9.0.0

npm install

3.npm install -g react-native-cli

4.npm install -g yarn react-native-cli

5.Root directory: yarn install

6.Root directory: yarn add babel-plugin-transform-decorators-legacy

7.Root directory: react-native link

Multi-platform running

Note: If Android device reports Gradle installation failure or Gradle certificate error, and iOS device reports certificate error when running, this is because default gradle version of React Native doesn't match your local gradle version, or because the Apple certificate on my computer does not match your local environment.

If error is reported when you run the application for the first time, you can try to install and open the Android studio (Android platform) or Xcode (iOS platform) compiler, open the Android / iOS folder in the project directory, configure the compiler according to the error message or let the compiler download dependencies, which can repair most of the initial installation error.

Simulator running (do not open multiple simulators at the same time):

  • Android: in the root directory: react-native run-android
  • iOS: in the root directory: react-native run-ios

Runing on device:

Android: the root directory: adb reverse tcp:8081 tcp:8081 (This step allows the newly modified bundle file could be transferred to device)

2.Open the project's android directory in Android Studio, and run (or use the command line to run, by the same way the simulator runs)


Your device need a valid developer certificate to run in debug mode with Xcode.

Open source components

Some of official or community components of React Native used in the application:

babel-plugin-transform-decorators-legacy: Used to support decorators

mobx: a powerful, easy-to-use state management tools.

mobx-react: Cooperate with mobx to make react components recognize mobx.

native-base: Cross-platform UI components defined for React Native.

react-native-htmlview: A component that uses an HTML directory as a local view, the style can be customized.

react-native-searchbar: A component with a common search box.

react-navigation: The currently recommended navigation management tool.


  1. Optimize sub-forum posts list style (done)
  2. Optimize posts list's UI style and sidebar's style.
  3. Login
  4. My posts (need to login)
  5. Reply function
  6. Sharing RN project documentation


  • Thanks to Hupu's Android third-party application developer gzsll's TLint project for providing a wealth of references and warm-hearted help during e-mail communication.
  • Thank you for supporting and giving valuable suggestions. Your support is the driving force for me to continue to develop in my spare time.


This project is available under the MIT license.

You can’t perform that action at this time.