ReactNative踩坑记录与学习笔记

原生交互

• 在iOS9之后，网络请求默认为Https请求，如需支持Http，修改info.plist文件添加键值对设置允许http访问
  
• 编译后抛出错误$export is not a function,原因: react-native 无法正常使用babel的runtime-transform插件,原因不明
• react-native安卓端允许的最大长计时器时间为60000ms,而socket.io默认ping计时器为85000ms.为了解决这个警告你需要在服务端设置pingInterval(默认25000)和pingTimeout(默认60000)使两者之和小于等于60000ms

路由react-navigation

Github

• 路由插件解析需要依赖babel-preset-react-native插件:确保.babelrc文件中有"presets": ["react-native"]。否则会抛出语法错误
• 当使用redux嵌套多个Navigator的时候。如果外面是一个StackNavigator然后子路由是一个DrawerNavigator或TabNavigator会抛出异常Cannot read property 'undefined' of undefined。解决方案:react-navigation#issues#1919

FlatList

不要把Array.reverse()和inverted一起使用! 更新时会有问题! 选一个即可

编译打包

安卓: cd android && ./gradlew assembleRelease

• 当使用64位linux系统打包时抛出找不到aapt, 如果该路径下有aapt文件的话那么则是64位系统的问题。apktool需要32位编译环境。安装ia32-libs即可解决问题，如为centos则使用命令yum install libstdc++.i686 glibc.i686 zlib.i686
• 如出现:app:bundleReleaseJsAndAssets 错误。可能是由于系统配置过低导致的编译文件超时的问题。解决方案是手动编译js文件后再打包(使用-x ":app:bundleReleaseJsAndAssets"参数跳过)

  mkdir -p android/app/build/intermediates/assets/release
  mkdir -p android/app/build/intermediates/res/merged
  node node_modules/react-native/local-cli/cli.js bundle --platform android --dev false --reset-cache --entry-file src/app/index.js --bundle-output android/app/build/intermediates/assets/release/index.android.bundle --assets-dest android/app/build/intermediates/res/merged/release

测试环境使用独立包名(Android)

android/app/build.gradle

android {
  buildTypes {
    debug {
      applicationIdSuffix ".test"
    }
  }
}

即在debug模式下。为包名增加后缀.test。

在gradle.properties中保存敏感信息

因为gradle.properties可能会同时存在项目需要的信息与敏感信息。为了不把敏感数据上传到版本控制仓库，可以考虑使用git的命令

git update-index --assume-unchanged android/gradle.properties

使用方式是先提交需要上传的部分，然后执行上述命令即可

撤销标识

git update-index --no-assume-unchanged android/gradle.properties

升级到新版本

使用自动迁移脚本

npx react-native upgrade [version]

手动迁移

查看迁移网站https://react-native-community.github.io/upgrade-helper/