react-native-mst-boilerplate

A boilerplate using React-Native, Mobx-State-Tree

Language

• 中文
• English

Project dependencies

• React-Native
• Mobx-State-Tree
• React-Navigation
• React-Native-Localize
• React-I18next
• React-Native-Vector-Icons
• React-Native-Webview

Project dev dependencies

Please refer to React Native Environment Setup to configure the development environment for iOS and Android.

Make sure you have Node.js >= 14.0.0 installed on your machine.

Installation

npm install

iOS

Install cocoapods first

// If there is a ruby version greater than or equal to 2.7.5 in the environment, you can use gem to install it
sudo gem install cocoapods

// Or use brew
brew install cocoapods

After installing cocoapods, switch from the project root directory to the ios directory

cd ios
pod install

Development

iOS Simulator

npm run ios

Android Simulator

npm run android

Launch Metro Only

npm run start

I18n

Languages can be added and modified in the ./translations directory.

In ./utils/Constants.js, the LANGUAGES field corresponds to the content in the "select language" function, and the LOCALE field corresponds to the content in ./utils/axios/AxiosConfig.js for backend rules.

Rename the project

Recommended Use React-Native-Rename

Replace app icon

iOS

Replace the image resources in the directory

./ios/ReactNativeMSTBoilerplate/Images.xcassets/AppIcon.appiconset

Android

Replace the image resources in the mipmap-* folder

./android/app/src/main/res