Zmień nazwę aplikacji w React Native

Próbuję dowiedzieć się, jak zmienić nazwę aplikacji ReactNative. Zainstalowany pakiet APK na moim urządzeniu to po prostu „Aplikacja” z ikoną Androida. Jak mogę to zmienić?

Próbowałem zmienić plik package.json i ponownie uruchomić aktualizację react-native, ale nie zaktualizowało to AndroidManifest.xml

Generator nie nadpisuje strings.xmlpliku znajdującego się w android/app/src/main/res/values/, więc musisz app_nameręcznie zmienić zmienną

Spróbuj reaktywować natywną zmianę nazwy tego pakietu npm ułatwi ten proces

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

Uwaga: ten pakiet nie próbuje poprawnie zmienić nazw artefaktów kompilacji, takich jak cele instalacji ios / build lub Cocoa Pod. Po zmianie nazwy projektu należy wyczyścić, skompilować i ponownie zainstalować zależności innych firm, aby działał poprawnie z nową nazwą.

// in project directory

   npx react-native-rename <newName>

Dla Android

Zmienić displayName w app.json pliku

Zmodyfikuj nazwę_aplikacji w android / app / src / main / res / values ​​/ strings.xml

następnie uruchom kolejno te polecenia

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

Na iOS

Zmień wyświetlaną nazwę w celu projektu (karta Ogólne)

Wybierz projekt aplikacji jako aplikację główną w celu testowania projektu (karta Ogólne)

Sposób, w jaki zrobiłem to dla Androida (hacky, ale działa), to po prostu zmiana pola app_name w ciągu

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

Zmieni nazwę zainstalowanej aplikacji na Androida na dowolną, którą podasz jako wartość.

Uważam, że jeśli chcesz zmienić zarówno nazwę aplikacji, jak i nazwę pakietu (tj. Zmienić nazwę całej aplikacji), konieczne są następujące kroki:

• Upewnij się, że nie masz nic cennego (nie wygenerowanych, ręcznie skopiowanych zasobów) w android/iios/ podfolderach .

• Usuń zarówno android/iios/ folder, .

• Zmień "name"wpis w swoimpackage.json na nową nazwę.

• Zmień nazwę aplikacji w pliku index.android.jsiindex.ios.js : AppRegistry.registerComponent('NewAppName', () => App);

• Biegać react-native upgrade aby ponownie wygenerować podfoldery platformy.

• Jeśli masz połączone zasoby (takie jak niestandardowe czcionki itp.), Uruchom react-native link .

• Jeśli masz inne wygenerowane zasoby (takie jak ikony aplikacji), uruchom skrypty, aby je wygenerować (np yo .).

• Na koniec odinstaluj starą aplikację na każdym urządzeniu i uruchom nową.

Przede wszystkim: otwórz app.jsonplik w katalogu swojego projektu macierzystego. I po prostu zamień displayNamewartość właściwości json w tym pliku. na przykład:

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

W przypadku aplikacji na Androida: otwórz strings.xmlplik, zamień wartość <string name="app_name">tagu na nazwę nowej aplikacji. na przykład:

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

IOS: Otwórz info.plist, zamień wartość po <key>CFBundleDisplayName</key>nazwie aplikacji. na przykład:

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

Odinstaluj poprzednią aplikację zainstalowaną na urządzeniu. Użyj polecenia npm install w głównym katalogu projektu, w katalogu ios uruchom polecenia pod install . Teraz po prostu zainstaluj aplikację na swoim urządzeniu.

Jeśli nie masz niczego cennego w android folderu, można usunąć folder, a następnie uruchomić react-native upgradewtedy react-native android. Spowoduje to odtworzenie pliku AndroidManifest.xml wraz z niezbędnymi plikami i folderami. (Próbowano w wersji 0.18 w systemie Windows 10)

Jeśli pytasz tylko o Androida, oto rozwiązanie

Zmień displayNamew /app.jsonpliku

Zmień app_namewandroid/app/src/main/res/values/strings.xml

następnie uruchom kolejno te polecenia

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

dla Androida android / app / src / main / res / values ​​/ strings.xml Moja aplikacja na Androida

dla ios Po prostu otwórz go w xCode wybierz kartę projektu, po prostu zmień jego nazwę.

po prostu zmień <string name="app_name"> 'NEW_APP_NAME' </string> lokalizację

[katalog_projektu] /android/app/src/main/res/values/strings.xml

UWAGA: zalecane

reakcja-natywna-zmiana nazwy

autorstwa Paula Nyondo może mieć wpływ na plik MainApplication.java, NIE UŻYWAJ GO!

Możesz tego spróbować

1. Zaktualizuj displayName w app.json do nowej nazwy
2. Usuń katalogi ios / i android /
3. Uruchom reakcję natywnego wyrzucania
4. Uruchom łącze React-Native

przed zmianą nazwy aplikacji pobierz kopię zapasową kodu, a następnie przejdź do następującej ścieżki i zamień nazwę aplikacji na nową nazwę aplikacji i zmień jeszcze jeden plik app.json E: *** \ android \ app \ src \ main \ res \ values ​​\ strings.xml

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

app.json

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

Po prostu sposób

PROJEKT> android> aplikacja> main> res> style

Następnie zmień nazwę aplikacji

przede wszystkim utwórz całą kopię zapasową projektu wraz z modułami węzłów (w celu przywrócenia ikon / zdjęć itp. w przyszłości)

1. Zaktualizuj nazwę i nazwę wyświetlaną w pliku app.json do nowej nazwy
2. zmień nazwę folderu aplikacji na taką samą, jak nazwa aplikacji
3. Usuń katalogi ios / i android /
4. usuń moduły ndoe
5. zaktualizuj nazwę w package.json (musisz użyć nowej nazwy do importu & require () w swoim kodzie, np .: import {x} z 'NewAppName / src / api')
6. Watchman Watch-del-all
7. rm -rf / tmp / haste-map-aware-native-packager- *
8. rm -rf / tmp / metro-bundler-cache- *
9. zrestartuj komputer
10. sudo npm install
11. reagować natywnym wyrzutem
12. przywróć ikony / obrazy
13. Reaguj natywny link
14. zrestartuj komputer
15. uruchom ostrożność z aplikacją : może być konieczne ręczne skonfigurowanie. w moim przypadku SplashScreen