Skip to content

jaggerwang/zqc-app-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

b00393f · Dec 8, 2018

History

14 Commits
Jun 28, 2017
Jun 28, 2017
Jun 28, 2017
Aug 1, 2017
Jun 28, 2017
Jun 28, 2017
Jun 28, 2017
Jun 28, 2017
Jul 5, 2017
Jun 28, 2017
Jun 28, 2017
Dec 8, 2018
Jun 28, 2017
Jun 28, 2017
Jun 28, 2017
Jun 28, 2017
Jun 30, 2017

Repository files navigation

在球场移动应用 Demo

由于 React Native 发展缓慢且问题较多,本应用拟切换到 Google Flutter 跨平台移动应用开发框架,敬请期待。有关 React Native 技术问题将不再提供解答,抱歉!

本应用可作为开发React Native移动应用的参考,其中包含了页面导航、定位、图片浏览和视频播放等功能。

编码规范

编码规范遵循 StandardJS

第三方库

库名 用途
react-native React Native
react React
redux 应用状态管理
redux-persist 应用状态持久化
react-navigation 页面导航
react-native-code-push 代码热更新
react-native-image-crop-picker 访问相册和相机
react-native-video 视频播放
react-native-vector-icons 开源矢量图标引用

如何运行

首先参考官方文档 Getting Started 安装相关开发工具。

iOS

仅支持macOS平台,需要先安装Xcode。

Clone代码到本地,然后执行下面的命令。

> cd zqc-app-demo
> npm i
> react-native run-ios

Android

macOS和Windows平台均支持,需要先安装Android Studio,并确保在Android Studio里编译通过(主要是根据提示“Update Build Tools version and sync project”)。如果要使用模拟器来运行,在Android Studio里打开AVD Manager,创建一个模拟器并启动。如果要使用真实设备来运行,确保真实设备已通过数据线连接到电脑,并且设备已打开开发模式。

Clone代码到本地,然后执行下面的命令。

> cd zqc-app-demo
> npm i
> react-native run-android

所有包含原生工程的包都已使用 react-native link 链接过,因此无需再次执行。

生成Release包

iOS

在Xcode里打开项目下的ios工程,依次选择 Product => Archive,按照提示操作即可。

Android

首先执行下面的命令生成密钥文件。提示输入密码时请统一输入“zaiqiuchang”,否则请同步修改“android/app/build.gradle”文件里的“storePassword”和“keyPassword”属性的值。

> cd android/app
> keytool -genkey -v -keystore release.keystore -alias release -keyalg RSA -keysize 2048 -validity 10000

然后执行下面的命令来打包。生成的签名APK文件路径为“android/app/build/outputs/apk/app-release.apk”。

> cd android
> ./gradlew assembleRelease

About

在球场移动应用开源版,可用作React Native移动应用开发的参考。

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published