react native修改APP的名称和图标

布满荆棘的人生 2022-05-19 08:56 1022阅读 0赞

## 一、修改APP名称 ##

1、找到读取app\_name的地方

进入：android/app/src/main/AndroidManifest.xml,  
找到 android:label=”@string/app\_name”。这个对应的就是APP的名称。

@string类似于定义好的变量，直接调取即可。

2、修改app的名称

进入：android/app/src/main/res/valuse/strings.xml目录下

修改即可：

<resources>
    
        <string name="app_name">你的APP名称</string>
    </resources>

*

## 二、修改APP的图标 ##

1、找到读取APP图标的地方

进入目录：：android/app/src/main/AndroidManifest.xml

找到： android:icon=”@mipmap/ic\_launcher”  
这里的ic\_launcher就是我的图标。这里也是从其他地方引用的，因此需要在被引用的地方修改。

2、修改图标  
进入目录：android/app/src/main/res/mipmap–xxx,  
（PS：这里需要注意，可能是mipmap,也可能是drawable）,我这里是mipmap。这里只需要保持一致即可。

如果是：是mipmap，则android:icon=”@mipmap/ic\_launcher”  
如果是：是drawable，则android:icon=”@drawable/ic\_launcher”。

我的目录结构：

![70][]

这里面的图标大小都不一样，但是名字是一样的。图标分为  
48x48,72x72,96x96,144x144.适配安卓不同机型，只需要替换这四个文件夹里面的图片即可。

## 三、生成新的debug ##

1、进入android/app,删除掉build目录  
2、在根目录，执行react-native run-android  
3、把生成的debug版放到模拟器上，就能看到修改后的APP名字还有图标了。

版权声明：本文为博主原创文章，未经博主允许不得转载。[https://blog.csdn.net/daniel1227/article/details/81171509][https_blog.csdn.net_daniel1227_article_details_81171509]

[70]: /images/20220519/28b8e8c9eba34244a528a37d22dcbf7f.png
[https_blog.csdn.net_daniel1227_article_details_81171509]: https://blog.csdn.net/daniel1227/article/details/81171509

发表评论取消回复

表情：

评论列表（有 0 条评论，1022人围观）

还没有评论，来说两句吧...

相关阅读

相关 ionic --- 修改名称、图标、启动页

1.　　修改APP名称 ![909550-20190926100803056-174464156.png][] 2.　　修改APP包ID ![909550-201

客官°小女子只卖身不卖艺/ 2023年08月17日 17:46/ 0 赞/ 159 阅读

相关 HarmonyOS修改App图标的方法

HarmonyOS App 默认的图标如下 ![20210708182632888.png][] 想修改这个图标在config.json 里面具体的位置如下 ![wa

桃扇骨/ 2022年10月19日 00:49/ 0 赞/ 379 阅读

相关 vue修改网站名称和图标

在项目中找到public文件夹下面的index.html 修改如下图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text

迷南。/ 2022年09月02日 00:52/ 0 赞/ 352 阅读

相关 React-Native修改应用名称（Android）

最近在使用React-Native进行开发，总结了一下修改Android项目名称的步骤（不是修改包名！），供自己参考：（1）到android/app/src/main/r

心已赠人/ 2022年05月31日 01:43/ 0 赞/ 259 阅读

相关 react native修改APP的名称和图标

一、修改APP名称 1、找到读取app\_name的地方进入：android/app/src/main/AndroidManifest.xml, 找到 andro

布满荆棘的人生/ 2022年05月19日 08:56/ 0 赞/ 1023 阅读

相关 React Native 中设置 APP 名称、应用图标

修改名称应用程序的名称默认是使用 react-native-cli 创建项目时的名称。修改的方式很简单，找到相应的配置然后修改即可。例如，我初始化的项目名称叫 test

忘是亡心i/ 2021年10月29日 07:08/ 0 赞/ 563 阅读

相关修改app的名字和图标

修改app的名称 1. Res -->value-ZH-CN --> String.xml <String name=”app\_name”><String> 1

快来打我*/ 2021年09月27日 22:20/ 0 赞/ 558 阅读

相关安卓APP修改生成的图标和app名称

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

深藏阁楼爱情的钟/ 2021年09月07日 06:14/ 0 赞/ 507 阅读

相关 flutter 修改iOS app图标名称

这里主要讲2点，一是 iOS app的图标尺寸大小，二是如何修改iOS app图标以及名称 iOS图标尺寸大小首先我们打开xcode，并打开项目，找到app图标的位

左手的ㄟ右手/ 2021年09月02日 03:51/ 0 赞/ 513 阅读

相关 React-native 图标的使用

[无广告浏览>>][Link 1] npm install --save react-native-vector-icons // 下载库 react-nat

小灰灰/ 2021年08月13日 21:30/ 0 赞/ 385 阅读