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

最新推荐文章于 2024-10-27 00:31:45 发布
原创 最新推荐文章于 2024-10-27 00:31:45 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react native #react.js #javascript

本文介绍了如何在Android和iOS平台上修改APP的名字，以及更换显示在手机上的应用图标。还详细说明了删除build文件后重新编译和安装应用程序的方法。

目录

一、修改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 952
文档：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开发之图标库react-native-vector-icons 的集成使用
热门推荐
Angels_安杰的博客
03-08 1万+
RN开发中难免会用到图标，今天我们来集成github上比较受欢迎的一个强大的icons库。 先上效果图 源码已分享之码云：https://git.oschina.net/osczaizai/RNWeiBo 更多分享请看 http://cherylgood.cn 可通过下面链接直接搜索你想要的icons Browse all. Entypo by Daniel Bruce (
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 857
--- ## 项目介绍 `react-native-rename` 是一个简单高效的npm包，专为React Native应用程序设计，用于一键式重命名整个项目。它简化了通常繁琐的手动更名过程，节省开发者的时间和精力。最新版本为3.2.14，发布于7个月前，使得App重命名工作变得轻松快捷。 ## 项目快速启动 要快速启动并使用 `react-native-rename`，请遵循以下步骤：...
react native之修改APP的名称和图标
铁柱的博客
02-06 9216
一、修改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项目名称
weixin_33805992的博客
03-08 778
修改react-native项目名称 摘要：每次创建react-native项目的时候都会重新执行init，感觉很耗时，想在现有项目基础上复制一份进行修改。本文主要是修改IOS部分，Android部分修改起来比较简单。 一、react native代码部分 package.json修改package.json文件的name inde...
React Native 更改app图标和名称
三七二十一的博客
07-19 4546
1 安卓: 图标: 将logo拖到app icon gear中 生成四个规格的图标,分别放到android/app/src/main/res 下的四个文件夹中,命名为ic_launcher.png 没有对应上的文件夹放一张1024*1024 或者512*512的即可 app名称: 在android/app/src/main/res/values/strings.xml ...
精选资源
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 本
react-native项目 怎么修改项目名
weixin_44403301的博客
02-27 1282
工具 : react-native-rename 使用方法: yarn global add react-native-rename //安装 react-native-rename <newName> //这个工具也是只对安卓生效 注意 ： react-native init 的项目 才能这么改名 ...
react native修改APP的名称和图标
daniel1227的博客
07-23 5849
一、修改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...
native版本 修改项目react_react native项目改名（仅针对android）
weixin_35792271的博客
01-28 503
我们在创建react native新项目时，都会使用react-native init 工程名 来初始化项目。有时候，我们仅仅是想调试一个小功能，又不想影响以前的项目。这种情况下，我们首先想到的是，拷贝一下以前的项目，然后在该项目上进行修改。1、拷贝项目AwesomeProject，重新命名为【Translator】2、将项目中涉及到改名的地方全部修改一遍，这个地方需要进行项目的全局搜索项目中与名...
React Native拷贝项目（项目改名）
whuzjn的专栏
03-26 1671
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修改xcode项目名
weixin_30537391的博客
01-07 289
目录 1. 选中旧工程名，改为新的工程名 2. 依次选择黄色文件夹，修改名字，千万不要在Xcode外修改！！！ 3. 点击Find，点击Find and Replace in Project... 4. 此时，还剩下一些需要手动修改，再次查找 5. 进入Tests和UITests文...
react native打包ios，并修改app图标，名称和启动页
weixin_42185136的博客
03-21 3557
一、生成Xcode工程 在react-native项目根木下运行react-native run-ios命令,在react-native项目/ios目录下,会生成项目名.xcodeproj工程, 使用Xcode开发工具打开项目名.xcodeproj工程 二、修改app图标 1、点击左侧项目目录最顶端项目名前面图标为蓝色背景项 2、点击General项,往下拉找到App Icons and Laun...
React Native 修改安卓应用图片和名称
最新发布
读心悦
10-27 972
在React Native（RN）项目中，修改安卓应用图标和名称通常涉及对Android原生代码的一些修改。
修改选中_React native-IOS修改项目名与包名
weixin_33648352的博客
01-08 748
前言：一直在做react native从自学到现在，总结写RN代码并不困难，但是在涉及到android和ios地方会稍微困难点，作为前端对android和ios不是很熟悉。由于一个项目需要公用公司一个项目的(RN项目)，所以我就偷懒复制了整个项目做改造，android的修改还比较简单，ios稍微难点（因为我对android熟悉一些，ios 属于小白）1，使用xcode打开RN项目，选中项目名，回车...
react-native-svg-parser：SVG转react-native-svg对象工具
这允许开发者在React Native项目中直接操作和渲染SVG图形。 6. 限制: react-native-svg-parser仅支持SVG的一个子集，并且不支持直接从SVG/XML文件格式呈现SVG图形。这意味着使用该库的开发者需要将SVG图形转换成...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值