开发环境配置
参考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会变成炫酷的白屏以及网络失败
-
- android在debug模式下,是默认开启http,build模式下默认不开启
复制 android:usesCleartextTraffic="true"
放在main AndroidManifest.xml 下
-
- 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文章来源:https://www.toymoban.com/news/detail-824008.html
执行以下命令清除Xcode Derived Data文章来源地址https://www.toymoban.com/news/detail-824008.html
rm -rf ~/Library/Developer/Xcode/DerivedData
到了这里,关于reactNative0.71版本的使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!