react-native 修改项目名称和图标

最新推荐文章于 2025-03-26 13:11:55 发布
最新推荐文章于 2025-03-26 13:11:55 发布
阅读量884 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： react-native 文章标签： react native react.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Define_best/article/details/133958145
本文介绍了如何在Android和iOS平台上修改APP的名字，以及更换显示在手机上的应用图标。还详细说明了删除build文件后重新编译和安装应用程序的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目录

一、修改APP名字

二、显示在手机上的应用图标

三、删除build文件，重新执行程序

一、修改APP名字

1. Android 

        android\app\src\main\res\values\strings.xml

2. IOS

        ios\{project}\Info.plist中直接更改

二、显示在手机上的应用图标

        把要替换的图标名称改成和原来一模一样的

        这里提供一个下载 APP 图标的网站

三、删除build文件，重新执行程序

        1、android目录下执行 执行gradlew clean
        2、卸载手机上之前安装的app
        3、运行 yarn android

react-native实战之使用图标库react-native-vector-icons
蛐蛐的博客
04-18 820
文档：https://github.com/oblador/react-native-vector-icons 图标：https://oblador.github.io/react-native-vector-icons/ 1.简介 非常适合按钮，徽标和导航/标签栏。易于扩展，样式化和集成到您的项目中。 2.图标集 Browse all. AntDesignby AntFinance (297icons) Entypoby Daniel Bruce (411ic...
React Native 修改安卓应用图片和名称
读心悦
10-27 823
在React Native（RN）项目中，修改安卓应用图标和名称通常涉及对Android原生代码的一些修改。
react-native-change-appicon:更改iOS应用程序图标
05-18
React本机变化应用程序 更改iOS应用程序图标 安装 纱线添加React本机变化应用程序react-native链接react-native-change-appicon 文献资料 1.将一个ViewController作为从UIViewController继承的rootViewController添加到您的项目中，并在ViewController.m文件中编写以下代码： # import " ViewController.h " # import < objc> @interface ViewController () @end @implementation ViewController - ( instancetype ) init { self = [ super init ]; if (self) { static dispatch_o
使用 `react-native-rename` 轻松重命名你的React Native应用
gitblog_00567的博客
08-19 779
使用 react-native-rename 轻松重命名你的React Native应用 react-native-renameRename react-native app with just one command项目地址:https://gitcode.com/gh_mirrors/re/react-native-rename 项目介绍 react-native-rename 是一个简单...
React Native 应用图标生成工具 —— Icon Set Creator
最新发布
gitblog_00810的博客
03-26 849
React Native 应用图标生成工具 —— Icon Set Creator icon-set-creator CLI for creating React Native app icons 项目地址: https://gi...
修改react-native项目名称
weixin_33805992的博客
03-08 739
修改react-native项目名称 摘要：每次创建react-native项目的时候都会重新执行init，感觉很耗时，想在现有项目基础上复制一份进行修改。本文主要是修改IOS部分，Android部分修改起来比较简单。 一、react native代码部分 package.json修改package.json文件的name inde...
react-native项目 怎么修改项目名
weixin_44403301的博客
02-27 1257
工具 : react-native-rename 使用方法: yarn global add react-native-rename //安装 react-native-rename <newName> //这个工具也是只对安卓生效 注意 ： react-native init 的项目 才能这么改名 ...
react native修改APP的名称和图标
daniel1227的博客
07-23 5778
一、修改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...
react-native-boilerplate:React Native Boilerplate-React Native入门套件
05-04
React本机样板 什么是React Native Boilerplate 它是一个模板，您可以为每个项目克隆并重复使用。 这是React Native应用程序的起点。 ... 使用来更新项目名称$ npx react-native-rename 运行npm
使用react-native新版本（0.71）快速开发APP项目详细介绍(ts+zustand+react-navigation
07-18
- **Gemfile**：Ruby项目中的依赖管理文件，虽然在React Native项目中不常用，但可能用于某些特定的开发工具或插件。 - **.gitignore**：定义了在Git版本控制系统中忽略的文件和目录，避免将不必要的文件推送到...
react-native-box
05-02
自定义应用程序的显示名称和图标 共享与部署 发布到Expo的React Native社区 构建世博会的“独立”应用 从Create React Native App弹出 构建依赖关系（Xcode和Android Studio） 我应该使用ExpoKit吗？ 故障排除 ...
react-native-rename：仅用一个命令即可重命名react-native应用
01-30
react-native-rename 只需一个命令即可重命名react-native应用 该软件包假定您使用react-native init创建了react-native项目。 注意：此软件包不会尝试正确重命名构建工件，例如ios/build或Cocoa Pod安装目标。 重命名项目后，您应该清理，构建并重新安装第三方依赖项，以使新名称正确地运行。 用法 $ npx react-native-rename <newName> 使用自定义的捆绑包标识符（仅限Android。对于iOS，请使用Xcode） $ npx react-native-rename <newName> -b <bundleIdentifier> 例 首先，切换到新分支（可选，但建议） $ git checkout -b rename-app 然后，重命名您的应用 $ npx react-native-rename "Travel App" 使用自定义的捆绑包标识符 $ npx react-native-rename "Travel App" -b com.junedomingo.travelapp 本
native版本 修改项目react_react native项目改名（仅针对android）
weixin_35792271的博客
01-28 476
我们在创建react native新项目时，都会使用react-native init 工程名 来初始化项目。有时候，我们仅仅是想调试一个小功能，又不想影响以前的项目。这种情况下，我们首先想到的是，拷贝一下以前的项目，然后在该项目上进行修改。1、拷贝项目AwesomeProject，重新命名为【Translator】2、将项目中涉及到改名的地方全部修改一遍，这个地方需要进行项目的全局搜索项目中与名...
React Native拷贝项目（项目改名）
whuzjn的专栏
03-26 1632
1、拷贝项目，重命名为【MyPro】2、执行react-native run-android报错，如下：删除目录【E:\CordovaWorkspace\MyPro\android\app\build】下的所有文件3、修改项目名1）、修改app.json。name改为【MyPro】；displayName改为【移动APP】2）、修改index.js，改为【AppRegistry.registerC...
react native之修改APP的名称和图标
铁柱的博客
02-06 9129
一、修改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
react-native修改xcode项目名
weixin_30537391的博客
01-07 275
目录 1. 选中旧工程名，改为新的工程名 2. 依次选择黄色文件夹，修改名字，千万不要在Xcode外修改！！！ 3. 点击Find，点击Find and Replace in Project... 4. 此时，还剩下一些需要手动修改，再次查找 5. 进入Tests和UITests文...
react native打包ios，并修改app图标，名称和启动页
weixin_42185136的博客
03-21 3466
一、生成Xcode工程 在react-native项目根木下运行react-native run-ios命令,在react-native项目/ios目录下,会生成项目名.xcodeproj工程, 使用Xcode开发工具打开项目名.xcodeproj工程 二、修改app图标 1、点击左侧项目目录最顶端项目名前面图标为蓝色背景项 2、点击General项,往下拉找到App Icons and Laun...
修改选中_React native-IOS修改项目名与包名
weixin_33648352的博客
01-08 719
前言：一直在做react native从自学到现在，总结写RN代码并不困难，但是在涉及到android和ios地方会稍微困难点，作为前端对android和ios不是很熟悉。由于一个项目需要公用公司一个项目的(RN项目)，所以我就偷懒复制了整个项目做改造，android的修改还比较简单，ios稍微难点（因为我对android熟悉一些，ios 属于小白）1，使用xcode打开RN项目，选中项目名，回车...
【React Native】修改Android端应用的图标
qq_2511276124的博客
03-06 896
修改android应用的图标的步骤，效果如下： Android应用的app图标在 /android/app/src/main/res 下： 在替换之前要准备好图标各精度的图片。 图标工厂，这个网站可以快速免费生成图标文件供使用。 替换下面文件夹内的图片 以mipmap-hdpi文件夹为例： 图片默认名 ic_launcher.png，若你的图片名不想使用默认的，把图片放到指定文件夹后，还需要修改 /android/app/src/main/AndroidManifest.xml配置文件，将下图框住的修改
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值