react native 代码技巧

1. 全局变量

// 全局样式声明
global.styles = StyleSheet.create({
  fontBack: {
    backgroundColor: '#59bdcc'
  },
  contBack: {
    backgroundColor: '#bbbbbb'
  }
});

全局变量引用

<View style={[styles.contentBottom, global.styles.contBack]} name="页脚">

2.打包闪退

因为为将react native 文件打包进去，在android/app/src/main下面，新建assets文件夹，执行以下命令

react-native bundle --platform android --dev false --entry-file index.js  --bundle-output android/app/src/main/assets/index.android.bundle  --assets-dest android/app/src/main/res/

或者在/android/app/build.gradle如下配置，主要配置文件与bundleInDebug为true

同时此解决办法适用于出现react-native unable to load script. Make sure ...... (run react-native start) .......

project.ext.react = [
    entryFile: "index.js",
    enableHermes: false,  // clean and rebuild if changing
    bundleAssetName: "index.android.bundle",
    bundleInDebug: true,
    bundleInAlpha: true,
    bundleInBeta: true
]

使用了mqtt 就不能使用global全局变量用来申明变量

否则会打包闪退，具体原因不明，坑了一周，天哪。

参考：

1.https://blog.csdn.net/student9128/article/details/80322114