react-native - icon - react native rename bundle identifier

Cambiar el nombre de un proyecto React Native?

Question

¿Hay instrucciones sobre lo que se debe cambiar para cambiar el nombre de un proyecto React Native? Tengo una aplicación llamada algo similar a MyAppIOS y quiero cambiarle el nombre a simplemente MyApp (ahora que el soporte de Android no está disponible)

Answer 1

1. Actualice displayName en app.json al nuevo nombre
2. Eliminar directorios ios / y android / en el proyecto raíz

3. En la línea de comando Ejecutar:

   react-native eject
   react-native link 

Answer 2

1. Para la aplicación IOS, el cambio en la configuración de xcodeproj también está disponible.

Abra el archivo Info.plist desde el directorio del directorio del proyecto / ios / (nombre de la aplicación) y cambie el nombre para mostrar del paquete. CFBundleDisplayName NUEVO NOMBRE DE APLICACIÓN

2. Para la aplicación de Android, puede cambiar en la carpeta de Android del directorio de su proyecto.

   cd android / app / src / main / res / values ​​/

abra el archivo strings.xml y cambie el nombre de su aplicación en

 <string name="app_name">NEW APP NAME</string>

Answer 3

Como se menciona aquí ( https://github.com/facebook/react-native/issues/4227 ), no necesita agregar una clave de Bundle display name , como lo dijo @janus_wel.

Simplemente puede actualizar el Bundle name del Bundle name de $(PRODUCT_NAME) a My App .

Answer 4

Intente utilizar la biblioteca react-native-rename de npm. Funciona de maravilla

Answer 5

La forma en que hice esto para Android (hacky, pero funciona) simplemente cambió el campo de cadena nombre_aplicación en

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

Cambiará el nombre de su aplicación de Android instalada a lo que sea que ponga como valor.

Answer 6

Lo que simplemente funciona para mí varias veces se explica a continuación;

• Primero copie el directorio en el que existe su aplicación de cambio de nombre. E ir a su directorio recién clonado.
• Cambie el nombre en el archivo index.ios/android.js que se proporciona como parámetro para AppRegistry .
• Cambie el nombre y la versión en consecuencia en package.json
• elimine las carpetas /ios y /android que quedan de su aplicación anterior, así como del archivo app.json si tiene.
• ejecute la $react-native upgrade para generar nuevamente las carpetas /ios y /android .
• ejecute el $react-native link para cualquier dependencia externa.
• finalmente ejecuta $react-native run-ios o lo que quieras.

Answer 7

Para iOS, la forma de cambiar la configuración de xcodeproj también está disponible.

Muestra <nombre de tu aplicación> -> Info.plist y agrega el nombre para mostrar del paquete .

Cambiar el nombre de la aplicación iOS:

Answer 8

Probablemente llego un poco tarde, pero para las personas que buscan una solución sólida, hay un paquete npm react-native-rename que puede hacer la magia.

Answer 9

Puede cambiar el atributo de nombre en package.json , ejecutar la react-native upgrade y simplemente dejar que reaccione sobrescribiendo los archivos android / ios. Sin embargo, no sobrescriba sus archivos de índice si hay código no guardado.

Luego cambie su línea de Appregistry de

AppRegistry.registerComponent(''MyAppIOS'', () => MyAppIOS);

A:

AppRegistry.registerComponent(''MyApp'', () => MyApp);

Answer 10

Puede usar el paquete npm react-native-rename .

npm install react-native-rename
react-native-rename [newName]

react-native-rename

Answer 11

También puede consultar el paquete npm ( react-native-rename ):

Uso:

react-native-rename <nuevoNombre>

Funciona bien para mi proyecto.

Answer 12

• Actualizar displayName en el archivo app.json
• Eliminar carpetas de android y ios
• Dentro de index.js cambia AppRegistry.registerComponent(''NEW_NAME_OF_APP'', () => App);
• Ejecute react-native eject para recuperar las carpetas de android e ios

Answer 13

• En primer lugar, copie la dirección donde existe su aplicación de cambio de nombre. E ir a su directorio recién clonado.

• Reemplace el nombre en el archivo index.ios / android.js que se proporciona como parámetro para AppRegistry.

• actualice el nombre y la versión en consecuencia en package.json elimine las carpetas / ios y / android que quedan de su aplicación anterior y de

• ejecute la actualización $ react-native para generar nuevamente las carpetas / ios y / android. y ejecute el enlace $ react-native para cualquier dependencia externa.

• finalmente, ejecute $ react-native run-ios o de lo contrario.