Изменить имя приложения в React Native

Я пытаюсь понять, как изменить имя приложения ReactNative. Установленный APK на моем устройстве - это просто «Приложение» со значком Android. Как я могу это изменить?

Я пробовал изменить package.json и повторно запустить собственное обновление, но AndroidManifest.xml не обновился.

Генератор не переопределяет strings.xmlфайл, расположенный в android/app/src/main/res/values/, поэтому вам нужно изменить app_nameпеременную вручную

Попробуйте response-native-rename, этот пакет npm упростит процесс

This package assumes that you created your react-native project 
using react-native init.

Примечание. Этот пакет не пытается правильно переименовать артефакты сборки, такие как цели установки ios / build или Cocoa Pod. После переименования проекта вы должны очистить, построить и переустановить сторонние зависимости, чтобы он правильно работал с новым именем.

// in project directory

   npx react-native-rename <newName>

Для Android

Измените displayName в app.json файле

Измените app_name в android / app / src / main / res / values ​​/ strings.xml

затем запустите эти команды одну за другой

cd android
./gradlew clean
cd ..
react-native run-android

Для iOS

Изменить отображаемое имя в цели проекта (вкладка «Общие»)

Выберите проект своего приложения в качестве основного приложения в целевом объекте проекта для тестирования (вкладка «Общие»)

То, как я сделал это для android (хакерский, но он работает), просто изменил строковое поле app_name в

Android / приложение / SRC / основной / res / значения / strings.xml

Он изменит имя вашего установленного приложения для Android на то, что вы указали в качестве значения.

Я считаю , что, если вы хотите изменить и название приложения и имя пакета (т.е. переименовать все приложения), то необходимо выполнить следующие действия:

• Убедитесь, что в подпапках android/и нет ничего ценного (несгенерированные ресурсы, скопированные вручную) ios/.

• Удалить как android/и ios/папки.

• Измените "name"запись в вашем package.jsonна новое имя.

• Измените имя приложения в вашем index.android.jsи index.ios.js: AppRegistry.registerComponent('NewAppName', () => App);

• Запустите, react-native upgradeчтобы заново создать подпапки платформы.

• Если у вас есть связанные ресурсы (например, пользовательские шрифты и т. Д.), Запустите react-native link.

• Если у вас есть другие сгенерированные ресурсы (например, значки приложений), запустите сценарии для их создания (например yo).

• Наконец, удалите старое приложение на каждом устройстве и запустите новое.

Прежде всего: откройте app.jsonфайл в каталоге вашего проекта, поддерживающего реакцию. И просто замените displayNameзначение свойства json в этом файле. например:

{
    "name": "SomethingSomething",
    "displayName": "My New App Name"
}

Для приложения Android: откройте strings.xmlфайл и замените значение <string name="app_name">тега на новое имя приложения. например:

<string name="app_name">My New App Name</string>

Для iOS: Open info.plistзамените значение после имени <key>CFBundleDisplayName</key>вашего приложения. например:

<key>CFBundleDisplayName</key>
<string>My New App Name</string>

Удалите предыдущее приложение, установленное на вашем устройстве. Используйте npm install в основном каталоге проекта, в каталоге папки ios выполните команды установки pod . Теперь просто установите приложение на свое устройство.

Если у вас нет какой - либо вещи драгоценной в вашем андроиде папки, вы можете удалить папку и запустить react-native upgradeзатем react-native android. Это воссоздает AndroidManifest.xml вместе с необходимыми файлами и папками. (Пробовал на 0.18 в Windows 10)

Если вы просите только Android, вот решение

Изменить displayNameв /app.jsonфайле

Изменить app_nameвandroid/app/src/main/res/values/strings.xml

затем запустите эти команды одну за другой

cd android
gradlew clean
cd ..
react-native run-android

для android android / app / src / main / res / values ​​/ strings.xml Мое приложение для Android

для ios Просто откройте его в xCode, выберите вкладку проекта, просто переименуйте его.

просто измените <string name="app_name"> 'NEW_APP_NAME' </string> расположенный в

[каталог_проекта] /android/app/src/main/res/values/strings.xml

ПРИМЕЧАНИЕ: рекомендуется

реагировать родной переименовать

от Paul Nyondo может быть , влияет MainApplication.java файл, НЕ ИСПОЛЬЗОВАТЬ ЕГО!

Вы можете попробовать это

1. Обновите displayName в app.json до нового имени
2. Удалить каталоги ios / и android /
3. Запустите React-native eject
4. Запустить реактивную ссылку

перед изменением имени приложения получите резервную копию своего кода, а затем перейдите по следующему пути и замените имя своего приложения новым именем приложения и измените еще один файл app.json E: *** \ android \ app \ src \ main \ res \ значения \ strings.xml

<resources>
    <string name="app_name">New Name</string>
</resources>

app.json

{
  "name": "oldName",
  "displayName": "New Name"
}

Просто путь

ПРОЕКТ> android> приложение> главная> res> стиль

Затем измените название приложения

в первую очередь создайте полную резервную копию проекта, включая модули узлов (для восстановления значков / фотографий и т. д. в будущем)

1. Обновите name и displayName в app.json до нового имени
2. переименовать папку приложения так же, как имя приложения
3. Удалить каталоги ios / и android /
4. удалить модули ndoe
5. обновить имя в package.json (вы должны использовать новое имя для import и require () в своем коде. например: import {x} from 'NewAppName / src / api')
6. сторож смотреть-дель-все
7. rm -rf / tmp / haste-map-react-native-packager- *
8. rm -rf / tmp / метро-бандлер-кеш- *
9. перезагрузить компьютер
10. sudo npm install
11. реагировать-родной выброс
12. восстановить значки / изображения
13. реакция на родную ссылку
14. перезагрузить компьютер
15. осторожно запустите приложение : возможно, вам придется настроить все вручную. в моем случае SplashScreen