react-native ios Android 打包 以及 Ios 证书 署名问题

mai一、ios  
查看当前可用装备 xcrun simctl list devices
    修改名称  info.plist 文件下：  CFBundleDisplayName 下的名称：

   修改图标:  图标工厂 iOS一键生成全部尺寸的应用图标/启动图 - 知乎，生成你必要的图标，在XCode 打开项目，images.xcassets 下 AppIcon 里的各种图标 类型中
   修改启动页面 :  添加storyboard，   在view里制作你要展示的效果 即可

   在手机上运行
  打包: xcode - product ->schema ->editSchema ->run  下的 build Configtion 改成 release ,再返回点击run
          npx react-native run-ios --configuration Releas
      详细过程可参考 react-native之ios详细打包步骤及上传苹果开发者中心---------小白的天堂_怎么已经打好包了,怎么上传到开发者账号_qq_386605092的博客-CSDN博客
Ios 证书 署名，怎样打正式ipa包 及碰到的问题？
 ① ios 打正式包时 碰到这个问题 Use of undeclared identifier 'RNSplashScreen'？

1. #import "RNSplashScreen.h"  // 导入启动页组件库 ，把此行移到这个位置 就不报错了
2. #ifdef FB_SONARKIT_ENABLED
3. #import <FlipperKit/FlipperClient.h>
4. #import <FlipperKitLayoutPlugin/FlipperKitLayoutPlugin.h>
5. #import <FlipperKitUserDefaultsPlugin/FKUserDefaultsPlugin.h>
6. #import <FlipperKitNetworkPlugin/FlipperKitNetworkPlugin.h>
7. #import <SKIOSNetworkPlugin/SKIOSNetworkAdapter.h>
8. #import <FlipperKitReactPlugin/FlipperKitReactPlugin.h>

复制代码

② Failed to register bundle identifier: The app identifier "*** *** ***" cannot be registered to your development team because it is not available. Change your bundle identifier to a unique string to try again. 
   办理方案： 在你的开发者账号 中添加你的bundle identifier，然后选择你的team 

    
二、Android 打包
修改名称：android/app/src/main/res/valuse/strings.xml目录下
修改icon： 图标工厂 iOS一键生成全部尺寸的应用图标/启动图 - 知乎，生成你必要的图标，拿android  部门替换 android/app/src/main/res/ 下 重合的部门
修改启动页：参考网址下载相关内容：GitHub - crazycodeboy/react-native-splash-screen: A splash screen for react-native, hide when application loaded ,it works on iOS and Android.
                     在修改内容时，并没有修改MainApplication.java 的内容，也能运行乐成
                   在android/app/src/main/res下新建layout文件，launch_screen.xml，添加以下内容 ，启动页名称为 launch_screen.png， 在MainActivity.java,添加下面这张图内容

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.               android:orientation="vertical" android:layout_width="match_parent"
4.               android:layout_height="match_parent"
5.               android:background="@drawable/launch_screen">
6. </LinearLayout>

复制代码

1. import android.os.Bundle;
2. import org.devio.rn.splashscreen.SplashScreen; // ---添加
4. protected void onCreate(Bundle savedInstanceState) {
5.        SplashScreen.show(this);  // <--添加这一句
6.        super.onCreate(savedInstanceState);     
7. }

复制代码

在android/app/src/main/res下新建drawable_hdpi, drawable_mdpi, drawable_xhdpi，drawable_xxhdpi文件，里面分别存放图片launch_screen,
分辨率分别为文章开头提到的分辨率,
在你首个页面增长

1. import SplashScreen from 'react-native-splash-screen';
3. componentDidMount() {
4.         SplashScreen.hide(); //关闭启动屏幕   
5. }

复制代码

启动页这部门参考内容出处：react-native APP图标和Splash(Android) - 简书
打包apk：cd android 中，实行   ./gradlew assembleRelease 下令即可乐成打包（注 没有署名文件的需老师成署名文件：官网快捷入口： 打包发布 · React Native 中文网）

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。