Bagaimana cara mengubah nama tampilan aplikasi dengan flutter?


131

Saya telah membuat aplikasi menggunakan flutter create testapp. Sekarang, saya ingin mengubah nama Aplikasi dari "testapp" menjadi "My Trips Tracker". Bagaimana saya bisa melakukan itu?

Saya telah mencoba mengubah dari AndroidManifest.xmldan Itu telah diubah tetapi apakah ada cara yang disediakan flutter untuk melakukan itu?


2
Manifes adalah satu-satunya cara untuk mengubah nama yang ditampilkan di aplikasi Pengaturan dan nama yang ditampilkan di ikon peluncur Anda.
CommonsWare

Untuk orang-orang visual, video ini akan menunjukkan kepada Anda seluruh proses youtube.com/watch?v=05twEATiS44
Infinite Looper

Jawaban:


115

PEMBARUAN: Dari komentar jawaban ini sepertinya sudah ketinggalan zaman

Dokumentasi Flutter menunjukkan di mana Anda dapat mengubah nama tampilan aplikasi Anda untuk Android dan iOS. Ini mungkin yang Anda cari:

Untuk Android

Sepertinya Anda telah menemukan ini di AndroidManifest.xmlsebagai applicationentri.

Tinjau file Manifes Aplikasi default AndroidManifest.xml yang terletak di / android / app / src / main / dan verifikasi nilainya sudah benar, terutama:

aplikasi : Edit tag aplikasi untuk mencerminkan nama akhir aplikasi.

Untuk iOS

Lihat Review Xcode project settingsbagian:

Arahkan ke pengaturan target Anda di Xcode:

Di Xcode, buka Runner.xcworkspace di folder ios aplikasi Anda .

Untuk melihat setelan aplikasi Anda, pilih proyek Runner di navigator proyek Xcode. Kemudian, di sidebar tampilan utama, pilih target Runner .

Pilih tab Umum . Selanjutnya, Anda akan memverifikasi pengaturan yang paling penting:

Nama Tampilan : nama aplikasi yang akan ditampilkan di layar beranda dan di tempat lain.


15
Ya, terima kasih atas jawabannya. Saya tahu metode asli untuk melakukan itu. Saya hanya ingin tahu apakah flutter menanganinya dari satu titik.
rajaishwary

2
Ini adalah metode asli untuk melakukan itu. Saya ingin tahu flutter menanganinya dari satu titik atau tidak?
Pankaj Bansal

2
@AshtonThomas Saya dapat mengubah ini tetapi setelah membersihkan pembangunan kembali dll, aplikasi pelari menyetel ulang nilainya, bagaimana saya dapat menyimpan ini? (Seperti yang saya pahami, proyek Runner dibuat ulang setelah bangunan bersih atau lebih)
Johnykutty

4
Jika Anda mengubah Nama Tampilan dalam proyek runner, itu akan berhenti bekerja. Itu harus menjadi 'Runner' Rupanya, itu perlu untuk mengubah nama dan versi data hanya pada file pubspeck.yaml, yang cukup tidak nyaman jika aplikasi android dan ios memiliki versi atau nama lokalisasi yang berbeda
Dpedrinha

8
Untuk iOS ini tidak benar. Seseorang harus mengubah CFBundleName di Info.plist. Flutter tidak akan menemukan aplikasinya, karena akan mencari Runner.app, dan jika Anda mengubahnya di Xcode, itu tidak lagi menjadi masalah.
pjotr_dolphin

212

Android

Terbuka AndroidManifest.xml(terletak di android/app/src/main)

<application
    android:label="App Name" ...> // Your app name here

iOS

Terbuka info.plist(terletak di ios/Runner)

<key>CFBundleName</key>
<string>App Name</string> // Your app name here

Jangan lupa lari

flutter clean

1
Untuk Android, ini tidak berfungsi. Mencoba untuk perubahan dari <oldname> untuk <newName>, yang sais pesan kesalahan: Manifest merger failed : Attribute application@label value=(OldName) from AndroidManifest.xml:21:9-32 is also present at AndroidManifest.xml:21:9-32 value=(NewName).. Apa yang Anda sarankan ??
iKK

4
Anda mungkin memiliki lebih dari satu AndroidManifest.xmlfile dalam proyek Anda, Anda harus membuka file yang terletak di android/app/src/main.
CopsOnRoad

Terima kasih, ini dia! Saya memiliki Manifest.xml lain di bawah Debug. Sekarang berhasil!
iKK

2
Ini tampaknya semua jenis rusak dengan pembaruan IOS terbaru dan / atau pembaruan Catalina dan / atau pembaruan Flutter. Saya tidak punya ide. Mengubah ini sekarang menghentikan penerapan karena ia mengganti nama folder <appname> .app dari Runner.app yang konsisten menjadi apa pun yang Anda masukkan dalam nama tampilan, dan kemudian "flutter run" berhenti. Sekarang, jika Anda ingin mengubahnya, beri nama dengan nama: kunci <value> di file YAML, lalu lakukan pencarian / ganti global pada nama paket. (menghela napas)
ChrisH

1
@ChrisH Saya menjalankan versi terbaru dari semua, dan berfungsi seperti yang diharapkan.
CopsOnRoad

27

Anda dapat mengubahnya di iOS tanpa membuka Xcode dengan mengedit project / ios / Runner / info.plist <key>CFBundleDisplayName</key>ke String yang Anda inginkan sebagai nama Anda.

FWIW - Saya merasa frustrasi karena membuat perubahan di Xcode dan Flutter, jadi saya mulai melakukan semua perubahan sebelum membuka Xcode, jadi saya bisa melihat di mana perubahan itu muncul di proyek Flutter.


21

Ada sebuah plugin.

https://pub.dev/packages/flutter_launcher_name

Tulis pubspec.yaml

dev_dependencies: 
  flutter_launcher_name: "^0.0.1"

flutter_launcher_name:
  name: "yourNewAppLauncherName"

dan lari

flutter pub get
flutter pub run flutter_launcher_name:main

Anda bisa mendapatkan hasil yang sama seperti mengedit AndroidManifes.xmldan Info.plist.


2
Bagus! Saya akan menguji pluginnya. Tapi sejauh yang saya tahu, jika Anda mengubah Nama Tampilan pada file info.plist dari 'Runner', aplikasi berhenti mengkompilasi. Ini harus menjadi 'Pelari'.
Dpedrinha

1
Maaf itu tidak berfungsi. Seperti yang dikatakan Dpedrinha, itu harus menjadi 'Pelari'.
Mi Be

itu bekerja untuk saya. Tetapi saya perlu menghapus aplikasi dan menginstalnya kembali setelah dijalankan:flutter pub run flutter_launcher_name:main
Jorge Wander Santana Ureña

Ada juga plugin untuk menggantikan ikon pub.dev/packages/flutter_launcher_icons
Katu

12
  • Tinjau file Manifes Aplikasi default yang AndroidManifest.xmlterletak di<app dir>/android/app/src/main

  • Edit sesuai android:labeldengan nama tampilan keinginan Anda


4

Satu masalah adalah bahwa di Pengaturan iOS (iOS 12.x) jika Anda mengubah Nama Tampilan, itu meninggalkan nama aplikasi dan ikon di Pengaturan iOS sebagai versi lama.


2
yang membantu saya: buka Tab "Info" dan ubah "Nama paket".
Mi Be

2

Untuk android, Ubah nama aplikasi dari folder Android , di file AndroidManifest.xml, android/app/src/mainbiarkan label android merujuk ke nama yang Anda sukai misalnya.

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
<application
`android:label="myappname"`
//the rest of the code
 </application>
</manifest>

2

Mulai 2019/12/21, Anda perlu mengubah nama: [NameOfYourApp] di pubspec.yaml. Lalu pergi ke Edit> Temukan> Ganti di Jalur, dan ganti semua kemunculan nama Anda sebelumnya.

Selain itu, hanya untuk tindakan yang baik, ubah nama folder di direktori android Anda, misalnya android> app> src> main> java> com> example> yourappname.

Kemudian di konsol, di direktori root aplikasi Anda, jalankan

flutter clean

2
Saya bertanya-tanya bagaimana Anda memasukkan nama tampilan di pubspec dengan semua spasi, huruf cyrillic, dll.
Александр Бабич

0

Cara mengganti nama untuk ios dan android jelas disebutkan pada dokumentasinya sebagai berikut:

https://flutter.dev/docs/deployment/android https://flutter.dev/docs/deployment/ios

tetapi, kasus ios setelah Anda mengubah Nama Tampilan dari Xcode Anda tidak dapat menjalankan aplikasi dengan cara flutter, seperti flutter run

karena flutter run mengharapkan nama aplikasi sebagai Runner. bahkan jika Anda mengubah nama di Xcode, itu tidak akan berhasil.

Jadi, saya memperbaikinya sebagai berikut:

pindah ke lokasi di proyek flutter Anda

ios / Runner.xcodeproj / project.pbxproj dan temukan serta ganti nama baru Anda dengan Runner

maka semuanya harus berjalan flutter runlancar

tapi jangan lupa untuk mengganti nama tampilan nama pada waktu rilis berikutnya. jika tidak, AppStore menolak nama Anda.


0
  1. Android

Buka file AndroidManifest.xml , lakukan perubahan di bawah ini

<application
    android:label="App Name" ...> // Your app name here
  1. iOS

Buka file info.plist , buat perubahan di bawah ini

<key>CFBundleName</key> <string>App Name</string> // Your app name here


-1

Anda dapat mengubahnya di iOS tanpa membuka Xcode dengan mengedit project / ios / Runner / info.plist <key>CFBundleDisplayName</key>ke String yang Anda inginkan sebagai nama Anda. Untuk android, Ubah nama aplikasi dari folder Android, di file AndroidManifest.xml, android / app / src / main biarkan label android merujuk ke nama yang Anda sukai misalnya.

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
<application
`android:label="test"`
//the rest of the code
 </application>
</manifest>
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.