reactNative0.71版本的使用

wen's2024-01-11 8:35

开发环境配置

参考reactNative 官网版本选中0.71

打包配置

1. IOS

打开项目 -> 进入ios目录->执行命令 pod install ->项目名称.xcworkspace -> 使用xcode打开->配置证书

证书配置截图如下

💡tips：TARGETS目录下会有多个文件（以test tvos结尾的文件）根据项目要求保留，本项目不需要单元测试和tvos可以删除，多余的文件可能会导致打包不成功的情况

2. andorid

参考文献 android 打包
配置打包项

配置打包快捷操作

初始配置

网络配置（http）

在ios9和android9开始默认使用https，但是由于后台有可能使用http协议，我们需要在原始的项目中配置http，如果不配置http，打包后app会变成炫酷的白屏以及网络失败

1. android在debug模式下，是默认开启http，build模式下默认不开启

复制 android:usesCleartextTraffic="true"放在main AndroidManifest.xml 下

1. ios默认开启了http协议

tips：这是reactNative生成的，很可能上架的时候被拦截，不让上架，这时候就需要单独配置域名

启动屏

启动屏采用的是react-native-splash-screen 根据文档就能使用app的启动屏，但是其中有一个bug如图：

在新版中采用如下代码，会使app.js中的启动屏不会消失

权限

在ios启动app时，会报： No permission handler detected

package.json 文件

"reactNativePermissionsIOS": [
    "AppTrackingTransparency",
    "BluetoothPeripheral",
    "Calendars",
    "Camera",
    "Contacts",
    "FaceID",
    "LocationAccuracy",
    "LocationAlways",
    "LocationWhenInUse",
    "MediaLibrary",
    "Microphone",
    "Motion",
    "Notifications",
    "PhotoLibrary",
    "PhotoLibraryAddOnly",
    "Reminders",
    "Siri",
    "SpeechRecognition",
    "StoreKit"
  ],

需要执行 npx react-native setup-ios-permissions 然后cd ios 执行 pod install

执行以下命令清除Xcode Derived Data

rm -rf ~/Library/Developer/Xcode/DerivedData