Zaiqiuchang app demo
Zaiqiuchang(在球场) is a mobile app developed using react native, both iOS and Android are supported. This open source project is just the lite version of the app. You can install the full version to see the power of react native.
Screenshots
Packages
| Package | Description |
|---|---|
| react-native | Bridge to native. |
| react | Build ui component. |
| redux | Manage ui state. |
| react-native-navigation | Screen navigation. |
| react-native-code-push | Online upgrade app without submitting to app store. |
| react-native-image-crop-picker | Pick image and video from album, or taken from camera. |
| react-native-video | Play video. |
| react-native-orientation | Orientation support. |
| react-native-amap-location | Locate on Android. |
| react-native-wechat | Share to WeChat. |
| react-native-vector-icons | Display icon. |
How to run
First you sholud make sure React Native is already installed.
> git clone [email protected]:jaggerwang/zqc-app-demo.git && cd zqc-app-demo
> npm install
> react-native run-ios # or run-android
As we already did react-native link for native code, so there is no need to do this again.
Notice! After installed dependent packages, you should fix some known issues manually, otherwise you will encounter compile errors. Do as section Known issues.
Generating Android APK
Please follow the official doc Generating Signed APK.
Known issues
react-native-navigation
Open file 'node_modules/react-native-navigation/android/app/src/main/java/com/reactnativenavigation/react/NavigationReactGateway.java', find line protected boolean getUseDeveloperSupport() { and modify it to public boolean getUseDeveloperSupport() {.
react-native-wechat
Open file 'node_modules/react-native-wechat/ios/RCTWeChat.m', remove or comment line #import <RCTImage/RCTImageUtils.h>.
generating android apk failed
If you see error like "Cannot merge new index ...", you can refer to issue Issue #5
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent