React Native projesini yeniden mi adlandırıyorsunuz?

Bir React Native projesini yeniden adlandırmak için nelerin değiştirilmesi gerektiğine dair talimatlar var mı? MyAppIOS satırlarında bir şey olarak adlandırılan bir uygulamam var ve onu basitçe MyApp olarak yeniden adlandırmak istiyorum (artık Android desteği yok)

Bunu android için yapma şeklim (hacky, ama işe yarıyor) sadece uygulamadaki dize app_name alanını değiştirdi

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

Yüklü android uygulamanızın adını, değer olarak ne koyarsanız değiştirin.

Ad özniteliğini içinde değiştirebilir package.json, çalıştırabilir react-native upgradeve sadece android / ios dosyalarının üzerine yazmasına izin verebilirsiniz. Ancak kaydedilmemiş kod varsa dizin dosyalarınızın üzerine yazmayın.

Ardından Appregistry satırınızı

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

Kime:

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

Benim için birkaç kez işe yarayan şey aşağıda anlatılmıştır;

• İlk olarak, adı değiştirilecek uygulamanızın bulunduğu dizini kopyalayın. Ve yeni klonlanmış dizininize gidin.
• index.ios/android.jsParametre olarak verilen dosyadaki adı olarak değiştirin AppRegistry.
• Adı ve sürümü uygun şekilde değiştirin package.json
• Eski uygulamanızdan kalan klasörleri /iosve varsa dosyayı silin ./androidapp.json
• yeniden $react-native upgradeoluşturmak /iosve /androidklasörleri çalıştırmak için çalıştırın .
• $react-native linkherhangi bir harici bağımlılık için çalıştırın .
• sonunda koş $react-native run-iosya da istediğin herhangi bir şey.

İOS için, xcodeproj ayarlarını değiştirmenin yolu da mevcuttur.

<Uygulamanızın adı> -> Info.plist'i gösterin ve Bundle görünen adını ekleyin .

iOS uygulama adını değiştirmek:

Muhtemelen biraz geç kaldım, ancak sağlam bir çözüm arayanlar için sihir yapabilecek bir react-native-rename npm paketi var.

1. App.json'daki displayName'i yeni adla güncelleyin
2. Kök projede ios / ve android / dizinleri silin

3. Çalıştır komut satırında:

   react-native eject
   react-native link 
   

Ayrıca npm paketine de göz atmak isteyebilirsiniz ( react-native-rename ):

Kullanım:

react-native-rename <newName>

Projem için iyi çalışıyor.

react-native-renameNpm paketini kullanabilirsiniz .

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

https://www.npmjs.com/package/react-native-rename

react-native-renameKitaplığı npm'den kullanmayı deneyin . Tıkır tıkır çalışıyor

1. IOS uygulaması için xcodeproj ayarlarında değişiklik de mevcuttur.

Info.plistProje directory/ios/{appname}dizininizden dosyayı açın ve Bundle görünen adını değiştirin.

<key>CFBundleDisplayName</key>
<string>NEW APP NAME</string>

2. Android uygulaması için proje dizininizin android klasörünü değiştirebilirsiniz.

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

strings.xmldosyayı açın ve uygulamanızın adını değiştirin

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

Burada belirtildiği gibi ( https://github.com/facebook/react-native/issues/4227 ), Bundle display name@janus_wel'in dediği gibi bir anahtar eklemenize gerek yoktur.

Sadece güncelleyebilirsiniz Bundle namegelen $(PRODUCT_NAME)etmek My App.

• Her şeyden önce, adını değiştirmek istediğiniz uygulamanızın bulunduğu adresi kopyalayın. Ve yeni klonlanmış dizininize gidin.

• AppRegistry'e parametre olarak verilen index.ios / android.js dosyasındaki adı değiştirin.

• eski uygulamanızdan ve eski uygulamanızdan kalan package.json remove / ios ve / android klasörlerinde adı ve sürümü uygun şekilde güncelleyin.

• / ios ve / android klasörlerini yeniden oluşturmak için $ react-native yükseltmeyi çalıştırın. ve herhangi bir harici bağımlılık için $ react-native bağlantısını çalıştırın.

• son olarak, $ react-native run-ios veya başka bir şey çalıştırın.

Durumda Çözümlerden hiçbiri sizin için işe yaramadı veya bir şeyi denemek uygulamanızı bozdu. Bu temellere gidiyor.

1. Uygulamanızı değiştirmek istediğiniz adla yeni bir react-native proje başlatın.
2. Bağımlılık listesini önceki projenizden yenisinin package.json'a kopyalayın
3. Eski proje dosyalarını kopyalayın, aynı yapıyı koruduğunuzdan emin olun.
4. Çalıştırmak npm install
5. Çalıştırmak react-native run-android

Bu seni tekrar yoluna sokmalı

Benim için işe yarayan çözüm, önce react-native projenizin klasörünün adını değiştirip ardından

npm install react-native-rename

react-native-rename newName

Benim için çalışıyor

React-native uygulamasını tek bir komutla react-native-rename ile yeniden adlandırın

Kurulum

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

Kullanım, proje dizininde aşağıdaki komutu çalıştırın.

react-native-rename <newName>

Misal:

react-native-rename "Travel App"

React Native 1'de Proje / uygulama yeniden adlandırılırken aşağıdaki adımlar izlenmelidir. Yeni bir klasör testi oluşturun

2. Demodaki tüm dosyaları test klasörüne kopyalayıp yapıştırın

3. Package.json dosyasındaki adı değiştirin

4. Package-lock.json dosyasındaki adı değiştirin

5. App.json dosyasındaki adı değiştirin

6. / İos ve / android klasörlerini silin

7. Yeniden / ios ve / android klasörleri oluşturmak için react-native eject komutunu çalıştırın

8. herhangi bir harici bağımlılık için react-native bağlantısını çalıştırın.

9. son olarak react-native run-android komutunu kullanarak uygulamanızı çalıştırın.

Daha fazla bilgi formu https://youtu.be/_lgH9LXf818 adresini ziyaret edin