react-native-yiyibase v1.0.12
RNNBBase
介绍
react-native app开发全家桶
软件架构
使用typescript开发，需要进行必要的typescript配置，可参照如下配置：
tsconfig.json
{
"compilerOptions": {
"allowJs": true,
"allowSyntheticDefaultImports": true,
"experimentalDecorators": true,
"esModuleInterop": true,
"isolatedModules": true,
"jsx": "react",
"lib": [
"es6"
],
"moduleResolution": "node",
"noEmit": true,
"strict": true,
"target": "esnext",
"baseUrl": "src",
"paths": {
"*": [
"src/*"
],
"@components/*": [
"src/components/*"
],
"@apis/*": [
"src/apis/*"
],
}
},
"exclude": [
"node_modules",
"babel.config.js",
"metro.config.js",
"jest.config.js"
]
}
建议react-native初始化工程使用typescript模版：
npx react-native init MyApp --template react-native-template-typescript
推荐使用mobx作为状态管理器：
yarn add mobx mobx-react
集成模块说明：
1、用户档案（注册、登录） 2、网络模块 3、图片模块 4、即时通讯模块 5、缓存模块
安装教程
1、yarn add react-native-nbbase 或者 npm install react-native-nbbase --save
2、需要集成以下包：
yarn add react-native-amap-geolocation react-native-gesture-handler react-native-puti-pay react-native-reanimated react-native-screens react-native-sqlite-storage react-native-svg react-native-vector-icons @react-native-community/async-storage @react-native-community/masked-view @react-native-community/netinfo @react-navigation/native @react-navigation/stack axios native-base lottie-react-native
3、使用的react和react-native版本：
"react": "16.11.0" "react-native": "0.62.2"
集成说明
- 集成MQTT
android 添加生命：
<service android:name="org.eclipse.paho.android.service.MqttService" />