Skip to content

Latest commit

 

History

History
139 lines (108 loc) · 4.83 KB

README_EN.md

File metadata and controls

139 lines (108 loc) · 4.83 KB
Raw

简体中文 | English

project instruction

1. Explore the RN features of the new version;

2. Integrate component experiments and build your own wheels!

3. Hone my architectural skills and continue coding and code optimization.

Welcome to join us:

QQ group: 783071253
Email address: [email protected]
Current RN version: 0.66.4

Download（Android）

Firim : http://d.firim.top/25th

download

Test account

Username: test
Password: test

NodeJS Web Server

Based on KOA2 + TypeScript - highly available NodeJS Web Server

Address: https://github.com/supervons/ExploreKoa

Features

Name Description Use component name and version
Picture selection Choose a picture in the album, or take a photo [email protected]
Scan Scan the QR code to get the information in the QR code [email protected]
Theme change Change system navigation head and button colors [email protected]
UI library Project UI library [email protected]
Redux Family Bucket Use of redux and middleware [email protected]
[email protected]
[email protected]
[email protected] .0
Network request Unified package network request [email protected]
Refactoring based Hook Refactoring class page based on hook [email protected]
Skeleton screen Improve the list and page browsing experience [email protected]
Language Localize APP language switch, with the local system Settings [email protected] + [email protected]
Components-Dragged Component elements move with touch drag and drop [email protected]

Finished

  • Theme Change
  • Skeleton
  • Language Localize
  • Morandi-Colors
  • Components are drag-and-drop supported
  • Perfect preview page
  • Use new KOA api application
  • Better animation - Lottie
  • Email register

TODO LIST

  • Upgrade to new version 0.67.3
  • Multiple Bundle Support
  • Typescript
  • Retrieve password by e-mail.
  • Change avatar and show avatar history - 50%
  • Map
  • Push

Preview

Dynamic TAB-Bar

DynamicTAB-Bar

Skeleton

Skeleton

Draggable

Draggable

I18

中文 英文

Theme

Theme

Morandi-Color

Morandi-Color

Project Structure

|-- android	// android
|-- ios	// iOS
| -- src	// project folder
|   | -- actions	// interface-related directories
|   | --common	// common configuration constant directory
|   | -- components	// System-level component catalog
|   |--hook// Custom hook directory
|   | -- redux	// redux-related directories
|   |   |-- action
|   |   |-- reducer
|   |   |-- store
|   | -- resource	// resource directory
|   | -- routers	// route navigation directory
|   | -- screens	// System page directory
|   | --styles	// system common style directory
|   | -- utils	// System tool catalog
| -- App .js	// Entry file
| -- buildAndroid.sh	// android packaging script
| -- package.json	// This needless to say
| -- package-lock.json	// i.e
|-- . preettierrc	// Prettierrc code format the directory

Installation dependencies

npm install
# If it is iOS, you need to perform the following operations to ensure that the network is unblocked
cd ios && pod install

Run

android:

  • react-native run-android
  • runAndroid.sh android: react-native run-android

ios:

  • Xcode selects AwesomeProject.xcworkspace to start

Setting server URL

file src/common/constants.js setting value serverUrl.

Internationalized language settings

/src/common/languages.js Set the supported languages in the, currently supports CN、EN

In /src/common/cn.js、/src/common/en.jsSet up language config.

Code use:

I18n.t("Register.userEmptyToast") // Prompt when the username is empty on the registration page