Zmiana nazwy aplikacji w React Native

Question

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

Próbowałem zmieniając package.json i ponowne przeprowadzenie reakcji natywną uaktualnienie ale nie aktualizuje AndroidManifest.xml

Answer 1

Generator nie nadpisać plik strings.xml znajduje się w Android/app/src/Główne/RES/wartości /, więc trzeba zmienić zmienną APP_NAME ręcznie

UPDATE

Ponieważ istnieje już pakiet to zrobić, wydaje się być droga, więc lepiej sprawdzić @ DescArtes's answer

Answer 2

Jeśli nie masz nic cennego w folderze android, możesz usunąć folder, a następnie uruchomić react-native upgrade następnie react-native android. Spowoduje to odtworzenie pliku AndroidManifest.xml wraz z niezbędnymi plikami i folderami. (Wypróbowane na 0,18 w systemie Windows 10)

Answer 3

Sposób, w jaki to zrobił dla android (hacky, ale działa) jest po prostu zmienił ciąg APP_NAME pole w

android/app/src/main/res/wartości/strings.xml

Zmieni to nazwę zainstalowanej aplikacji na Androida na cokolwiek, co umieścisz jako wartość.

Answer 4

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

• Upewnij się, że don nie ma nic cennego (nie wygenerowane, ręcznie skopiowane zasoby) w podfolderach android/ i ios/.

• Usuń folder android/ i ios/.

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

• Zmień nazwę aplikacji zarówno w swojej index.android.js i index.ios.js: AppRegistry.registerComponent('NewAppName',() => App);

• Run react-native upgrade ponownego wygenerowania 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ą.

Answer 5

Spróbuj react-native-rename ten pakiet będzie npm ułatwić proces

// install react-native rename 

    npm install react-native-rename -g 
    or 
    yarn global add react-native-rename 

// in project directory 

    react-native-rename <New_Project_ Name>