• Stars
    star
    208
  • Rank 189,015 (Top 4 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created about 8 years ago
  • Updated almost 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

在球场移动应用 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

More Repositories

1

flutter-in-practice

This project can be used as a starter for flutter app development, including a demo app for learning flutter components and a social video app named weiguan which is similar to TikTok.
Dart
206
star
2

zqc-server-demo

Lite version of zaiqiuchang api server, which developed by go and deploy using docker. It also can be used as a starter kit for developing api server.
Go
112
star
3

react-in-practice

This project can be used as a starter for learning react web app development, the app is developed using Next.js react application framework and AntD react component library.
JavaScript
43
star
4

jw-flutter-demo

Learn flutter widgets and apis by examples.
Dart
43
star
5

sanic-in-practice

This project can be used as a starter for learning python api service development, the api service is developed using Sanic web framework, SQLAlchemy sql toolkit, etc.
Python
42
star
6

spring-boot-in-practice

A starter project for spring boot api service.
Java
38
star
7

spring-cloud-in-practice

A starter project for spring cloud microservice application.
Java
20
star
8

jw-netty-demo

A netty protocol server demo, build using gradle, deploy using docker.
Java
12
star
9

jw-weiguan

A lite version of Weiguan(围观) app,which developed using Google's Flutter UI framework.
Dart
11
star
10

jw-tornado-demo

A python api server starter kit, deploy using docker.
Python
8
star
11

zqc-web-demo

在球场Web应用开源版,可用作React Web应用开发的参考。
JavaScript
6
star
12

jw-pylib

Python utils for as string, email, date etc.
Python
1
star