Skip to content

ReactNative 设置 APP 名称、应用图标、为安卓添加启动图

修改名称

应用程序的名称默认是使用 react-native-cli 创建项目时的名称。修改的方式很简单,找到相应的配置然后修改即可。例如,我初始化的项目名称叫 test,现在想修改成 测试程序。 Android   编辑 android/app/src/main/res/values/strings.xml 文件:    iOS   编辑 ios/自己起的项目名称/Info.plist 文件:               改成            

修改应用图标

选择一张你喜欢的照片,然后上转到 图标工厂在线生成,点击下载所有图标

下载之后的文件里面有两个目录,一个是 android 和 ios

可以直接用生成好的内容替换默认的图标即可。

  1. Android

替换 android/app/src/main/res 下对应的图标。

  1. iOS

替换 ios/自己起的项目名称/Images.xcassets/AppIcon.appiconset 中的内容。

注意:这里有坑!

在图标工厂创建图标可以创建两次,一次是普通的一次是圆角的,分别对应下面的文件名,android 打包的时候要求每一个分辨率下这两种文件名都不能少,而图标工厂每次只会创建一种!

image-20240405171315167

Android 添加启动图

在以下文件目录中添加两行,如果 res 下没有 values,styles.xml 就自行创建

xml
<!--        <item name="android:windowTranslucentStatus">true</item> 添加这一句,就会全屏,statebar底部也会显示启动图,最好不要打开,否则应用里面也会上面空掉-->
        <item name="android:windowBackground">@drawable/launch_screen</item>

在该文件目录下,创建 drawable 文件,下面存放名字为 lanch_screen 图片即可。

img