Đổi tên dự án React Native?

Có hướng dẫn về những gì cần thay đổi để đổi tên dự án React Native không? Tôi có một ứng dụng được gọi là cái gì đó dọc theo dòng MyAppIOS và tôi muốn đổi tên nó thành MyApp đơn giản (hiện đã hết hỗ trợ Android)

Cách tôi đã làm điều này cho android (hacky, nhưng nó hoạt động) chỉ là thay đổi trường chuỗi app_name trong

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

Nó sẽ thay đổi tên của ứng dụng Android đã cài đặt của bạn thành bất kỳ tên nào bạn đặt làm giá trị.

Bạn có thể thay đổi thuộc tính tên trong package.json, chạy react-native upgradevà chỉ để phản ứng ghi đè lên các tệp android / ios. Tuy nhiên, không ghi đè các tệp chỉ mục của bạn nếu có mã chưa được lưu.

Sau đó, thay đổi dòng Đăng ký của bạn từ

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

Đến:

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

Những gì đơn giản làm việc cho tôi nhiều lần được hướng dẫn dưới đây;

• Đầu tiên, hãy sao chép thư mục mà ứng dụng được đổi tên của bạn tồn tại. Và đi đến thư mục mới được nhân bản của bạn.
• Thay đổi tên tại index.ios/android.jstệp được cung cấp dưới dạng tham số cho AppRegistry.
• Thay đổi tên và phiên bản cho phù hợp trên package.json
• xóa /iosvà /androidcác thư mục còn lại từ ứng dụng cũ của bạn cũng như app.jsontệp nếu bạn có.
• chạy $react-native upgradeđể tạo /iosvà /androidcác thư mục một lần nữa.
• chạy $react-native linkcho bất kỳ phụ thuộc bên ngoài nào.
• cuối cùng chạy $react-native run-ioshoặc bất cứ điều gì bạn muốn.

Đối với iOS, cách thay đổi cài đặt xcodeproj cũng có sẵn.

Hiển thị <tên ứng dụng của bạn> -> Info.plist và thêm tên hiển thị Gói .

thay đổi tên ứng dụng iOS:

Tôi có lẽ hơi muộn, nhưng đối với những người đang tìm kiếm một giải pháp vững chắc, có một gói npm react -native-rename có thể làm được điều kỳ diệu.

1. Cập nhật displayName trong app.json thành tên mới
2. Xóa thư mục ios / và android / trong dự án gốc

3. Tại dòng lệnh Run:

   react-native eject
   react-native link 
   

Bạn cũng có thể muốn xem gói npm (react -native-rename ):

Sử dụng:

react-native-rename <newName>

Nó hoạt động tốt cho dự án của tôi.

Bạn có thể sử dụng react-native-renamegói npm.

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

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

Cố gắng sử dụng react-native-renamethư viện từ npm. Hoạt động như một sự quyến rũ

1. Đối với ứng dụng IOS, thay đổi trong cài đặt xcodeproj cũng có sẵn.

Mở Info.plisttệp từ directory/ios/{appname}thư mục dự án của bạn và thay đổi tên hiển thị Gói.

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

2. Đối với ứng dụng android, bạn có thể thay đổi trong thư mục android của thư mục dự án của mình.

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

mở strings.xmltệp và thay đổi tên ứng dụng của bạn trong

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

Như đã đề cập ở đây ( https://github.com/facebook/react-native/issues/4227 ), bạn không cần thêm Bundle display namekhóa, như @janus_wel đã nói.

Bạn chỉ cần cập nhật Bundle nametừ $(PRODUCT_NAME)đến My App.

• Trước hết, hãy sao chép địa chỉ mà ứng dụng muốn được đổi tên của bạn tồn tại. Và đi đến thư mục mới được nhân bản của bạn.

• Thay thế tên tại tệp index.ios / android.js được cung cấp làm tham số cho AppRegistry.

• cập nhật tên và phiên bản cho phù hợp trên các thư mục package.json xóa / ios và / android còn lại từ ứng dụng cũ hơn của bạn và khỏi

• chạy bản nâng cấp $ react-native để tạo lại các thư mục / ios và / android. và chạy liên kết $ react-native cho bất kỳ phụ thuộc bên ngoài nào.

• cuối cùng, chạy $ react-native run-ios hoặc cách khác.

Trong trường hợp Không có giải pháp nào phù hợp với bạn hoặc đang thử điều gì đó đã làm hỏng ứng dụng của bạn. Đây sẽ là những điều cơ bản.

1. Bắt đầu một dự án gốc phản ứng mới với bất kỳ tên nào bạn muốn thay đổi ứng dụng của mình.
2. Sao chép danh sách Phụ thuộc từ dự án trước đó của bạn sang package.json của một dự án mới
3. Sao chép các tệp dự án cũ, đảm bảo giữ nguyên cấu trúc.
4. Chạy npm install
5. Chạy react-native run-android

Điều này sẽ giúp bạn trở lại đúng hướng

Giải pháp phù hợp với tôi trước tiên là thay đổi tên thư mục của dự án gốc phản ứng của bạn sau đó

npm install react-native-rename

react-native-rename newName

Nó phù hợp với tôi

Đổi tên ứng dụng react-native chỉ bằng một lệnh react-native-rename

Cài đặt

yarn global add react-native-rename hoặc là npm install react-native-rename -g

Cách sử dụng chạy lệnh dưới đây trong thư mục của dự án.

react-native-rename <newName>

Thí dụ:

react-native-rename "Travel App"

Các bước sau phải được thực hiện trong khi đổi tên Project / app trong react Native 1. tạo thử nghiệm thư mục mới

2. Sao chép và dán tất cả các tệp từ bản demo vào thư mục thử nghiệm

3. Thay đổi tên trong tệp package.json

4. Thay đổi tên trong tệp package-lock.json

5. Thay đổi tên trong tệp App.json

6. Xóa thư mục / ios và / android

7. Chạy lệnh phản ứng gốc eject để tạo lại các thư mục / ios và / android

8. chạy liên kết gốc phản ứng cho bất kỳ phụ thuộc bên ngoài nào.

9. cuối cùng chạy ứng dụng của bạn bằng cách sử dụng lệnh react-native run-android.

Để biết thêm thông tin, hãy truy cập https://youtu.be/_lgH9LXf818