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

本文主要是介绍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'?

#import "RNSplashScreen.h"  // 导入启动页组件库 ,把此行移到这个位置 就不报错了
#ifdef FB_SONARKIT_ENABLED
#import <FlipperKit/FlipperClient.h>
#import <FlipperKitLayoutPlugin/FlipperKitLayoutPlugin.h>
#import <FlipperKitUserDefaultsPlugin/FKUserDefaultsPlugin.h>
#import <FlipperKitNetworkPlugin/FlipperKitNetworkPlugin.h>
#import <SKIOSNetworkPlugin/SKIOSNetworkAdapter.h>
#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,添加下面这张图内容

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical" android:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/launch_screen">
</LinearLayout>
import android.os.Bundle; 
import org.devio.rn.splashscreen.SplashScreen; // ---添加protected void onCreate(Bundle savedInstanceState) {SplashScreen.show(this);  // <--添加这一句super.onCreate(savedInstanceState);     
}

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

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

启动页这部分参考内容出处:react-native APP图标和Splash(Android) - 简书

打包apk:cd android 中,执行   ./gradlew assembleRelease 命令即可成功打包(注 没有签名文件的需先生成签名文件:官网快捷入口: 打包发布 · React Native 中文网)

这篇关于react-native ios Android 打包 以及 Ios 证书 签名问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1133255

相关文章

SpringBoot内嵌Tomcat临时目录问题及解决

《SpringBoot内嵌Tomcat临时目录问题及解决》:本文主要介绍SpringBoot内嵌Tomcat临时目录问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录SprinjavascriptgBoot内嵌Tomcat临时目录问题1.背景2.方案3.代码中配置t

SpringBoot使用GZIP压缩反回数据问题

《SpringBoot使用GZIP压缩反回数据问题》:本文主要介绍SpringBoot使用GZIP压缩反回数据问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录SpringBoot使用GZIP压缩反回数据1、初识gzip2、gzip是什么,可以干什么?3、Spr

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

HTML5表格语法格式详解

《HTML5表格语法格式详解》在HTML语法中,表格主要通过table、tr和td3个标签构成,本文通过实例代码讲解HTML5表格语法格式,感兴趣的朋友一起看看吧... 目录一、表格1.表格语法格式2.表格属性 3.例子二、不规则表格1.跨行2.跨列3.例子一、表格在html语法中,表格主要通过< tab

Android实现悬浮按钮功能

《Android实现悬浮按钮功能》在很多场景中,我们希望在应用或系统任意界面上都能看到一个小的“悬浮按钮”(FloatingButton),用来快速启动工具、展示未读信息或快捷操作,所以本文给大家介绍... 目录一、项目概述二、相关技术知识三、实现思路四、整合代码4.1 Java 代码(MainActivi

Android Mainline基础简介

《AndroidMainline基础简介》AndroidMainline是通过模块化更新Android核心组件的框架,可能提高安全性,本文给大家介绍AndroidMainline基础简介,感兴趣的朋... 目录关键要点什么是 android Mainline?Android Mainline 的工作原理关键

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

如何解决idea的Module:‘:app‘platform‘android-32‘not found.问题

《如何解决idea的Module:‘:app‘platform‘android-32‘notfound.问题》:本文主要介绍如何解决idea的Module:‘:app‘platform‘andr... 目录idea的Module:‘:app‘pwww.chinasem.cnlatform‘android-32

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的