blocks|key|4464860|text|我在android上这样做的方式(虽然很hacky，但是它是有效的)只是修改了app_name中的字符串字段|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4464861|android/app/src/main/res/values/strings.xml|offset|length|style|CODE|4464862|它会将您安装的android应用程序的名称更改为您输入的任何值。|4464863|entityMap^0|0|0|17|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

The way I did this for android (hacky, but it works) is just changed the string app_name field in 

<code>android/app/src/main/res/values/strings.xml</code>

It will change the name of your installed android app to whatever you put as the value.

blocks|key|4464653|text|您可以在package.json中更改名称属性，运行react-native+upgrade，然后让react覆盖android/ios文件。但是，如果有未保存的代码，请不要覆盖索引文件。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4464654|然后将您的Appregistry行从|4464655|AppRegistry.registerComponent('MyAppIOS',+()+=>+MyAppIOS);|code-block|syntax|javascript|4464656|至：|4464657|AppRegistry.registerComponent('MyApp',+()+=>+MyApp);|4464658|entityMap^0|4|C|Q|K|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|R|$]]

You can change the name attribute in <code>package.json</code>, run <code>react-native upgrade</code>, and just let react overwrite the android/ios files. Don't overwrite your index files if there is unsaved code, however.

Then change your Appregistry line from

<pre><code>AppRegistry.registerComponent('MyAppIOS', () =&gt; MyAppIOS);
</code></pre>

To:

<pre><code>AppRegistry.registerComponent('MyApp', () =&gt; MyApp);
</code></pre>

blocks|key|4464707|text|我可能有点晚了，但对于那些正在寻找可靠解决方案的人来说，有一个react-native-rename+npm包可以做到这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4464708|entityMap|0|LINK|mutability|MUTABLE|url|https://www.npmjs.com/package/react-native-rename^0|V|J|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I am probably a bit late, but for the people looking for a solid solution, there is a <a href="https://www.npmjs.com/package/react-native-rename" rel="noreferrer">react-native-rename</a> npm package which can do the magic.

blocks|key|4464932|text|您可以使用react-native-rename+npm包。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4464933|npm+install+react-native-rename
react-native-rename+[newName]|code-block|syntax|javascript|4464934|https://www.npmjs.com/package/react-native-rename|4464935|entityMap|0|LINK|mutability|MUTABLE|url^0|5|J|0|0|0|1D|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|W|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|X|8|@]|D|@$9|Y|A|Z|1|10]]|E|$]]|$1|M|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|L]]]]

You can use <code>react-native-rename</code> npm package.

<pre><code>npm install react-native-rename
react-native-rename [newName]
</code></pre>

<a href="https://www.npmjs.com/package/react-native-rename" rel="noreferrer">https://www.npmjs.com/package/react-native-rename</a>

blocks|key|4464956|text|尝试使用npm中的react-native-rename库。像个魔法师一样工作|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4464957|entityMap^0|9|J|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

Try to use <code>react-native-rename</code> library from npm. Works like a charm

blocks|key|4464689|text|正如这里提到的(https://github.com/facebook/react-native/issues/4227)，您不需要像@janus_wel所说的那样添加Bundle+display+name密钥。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4464690|您可以简单地将Bundle+name从$(PRODUCT_NAME)更新到My+App。|4464691|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/facebook/react-native/issues/4227^0|2C|J|8|1G|0|0|7|B|J|F|11|6|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@$9|S|A|T|1|U]]|E|$]]|$1|F|3|G|5|6|7|V|8|@$9|W|A|X|B|C]|$9|Y|A|Z|B|C]|$9|10|A|11|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

As mentioned here (<a href="https://github.com/facebook/react-native/issues/4227" rel="nofollow">https://github.com/facebook/react-native/issues/4227</a>), you don't need to add a <code>Bundle display name</code> key, as said by @janus_wel. 

You can simply update <code>Bundle name</code> from <code>$(PRODUCT_NAME)</code> to <code>My App</code>.

blocks|key|4464979|text|适用于我的解决方案是首先更改react-native项目的文件夹名称，然后|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4464980|npm+install+react-native-rename|offset|length|style|CODE|4464981|react-native-rename+newName|4464982|对我来说很管用|4464983|entityMap^0|0|0|V|0|0|R|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|R|8|@$D|S|E|T|F|G]]|9|@]|A|$]]|$1|J|3|K|5|6|7|U|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|M|$]]

Solution worked for me is first change the name of the folder of your react-native project then

<code>npm install react-native-rename</code>

<code>react-native-rename newName</code>

It works for me

blocks|key|4465010|text|仅使用一个命令react-native-rename重命名react-native应用程序|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4465011|安装|4465012|yarn+global+add+react-native-rename或npm+install+react-native-rename+-g|style|CODE|4465013|用法在项目目录中运行以下命令。|4465014|react-native-rename+<newName>|4465015|示例：|4465016|react-native-rename+"Travel+App"|4465017|entityMap|0|LINK|mutability|MUTABLE|url|https://www.npmjs.com/package/react-native-rename^0|7|J|0|0|0|0|Z|10|Y|0|0|0|T|0|0|0|W|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@$A|10|B|11|1|12]]|C|$]]|$1|D|3|E|5|6|7|13|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|14|8|@$A|15|B|16|H|I]|$A|17|B|18|H|I]]|9|@]|C|$]]|$1|J|3|K|5|6|7|19|8|@]|9|@]|C|$]]|$1|L|3|M|5|6|7|1A|8|@$A|1B|B|1C|H|I]]|9|@]|C|$]]|$1|N|3|O|5|6|7|1D|8|@]|9|@]|C|$]]|$1|P|3|Q|5|6|7|1E|8|@$A|1F|B|1G|H|I]]|9|@]|C|$]]|$1|R|3|-4|5|6|7|1H|8|@]|9|@]|C|$]]]|S|$T|$5|U|V|W|C|$X|Y]]]]

Rename react-native app with just one command <a href="https://www.npmjs.com/package/react-native-rename" rel="nofollow noreferrer">react-native-rename</a>

Installation

<code>yarn global add react-native-rename</code>
or
<code>npm install react-native-rename -g</code>

Usage run the below command in the project's directory.

<code>react-native-rename &lt;newName&gt;</code>

Example: 

<code>react-native-rename "Travel App"</code>

Are there instructions for what needs to be changed in order to rename a React Native project? I have an app called something along the lines of MyAppIOS and I want to rename it to simply MyApp (now that Android support is out)

Renaming a React Native project?

React Native

重命名React Native项目需要更改哪些内容，是否有相关说明？我有一个类似于MyAppIOS的应用程序，我想把它重命名为简单的MyApp (现在已经不再支持安卓了)

问重命名React Native项目？
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问重命名React Native项目？EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问重命名React Native项目？
EN