Comment changer le nom d'affichage de l'application avec Flutter?


131

J'ai créé l'application en utilisant flutter create testapp. Maintenant, je veux changer le nom de l'application de "testapp" à "My Trips Tracker". Comment puis je faire ça ?

J'ai essayé de changer de AndroidManifest.xmlet Cela a changé, mais y a-t-il un moyen que le flutter fournit pour le faire?


2
Le manifeste est le seul moyen de modifier le nom affiché dans l'application Paramètres et le nom affiché sur l'icône de votre lanceur.
CommonsWare

Pour les visuels, cette vidéo vous montrera tout le processus youtube.com/watch?v=05twEATiS44
Infinite Looper

Réponses:


116

MISE À JOUR: D'après les commentaires, cette réponse semble obsolète

La documentation Flutter indique où vous pouvez modifier le nom d'affichage de votre application pour Android et iOS. C'est peut-être ce que vous recherchez:

Pour Android

Il semble que vous ayez déjà trouvé cela dans AndroidManifest.xmll' applicationentrée.

Examinez le fichier de manifeste d'application par défaut AndroidManifest.xml situé dans / android / app / src / main / et vérifiez que les valeurs sont correctes, en particulier:

application : modifiez la balise d' application pour refléter le nom final de l'application.

Pour iOS

Voir la Review Xcode project settingssection:

Accédez aux paramètres de votre cible dans Xcode:

Dans Xcode, ouvrez Runner.xcworkspace dans le dossier ios de votre application .

Pour afficher les paramètres de votre application, sélectionnez le projet Runner dans le navigateur de projet Xcode. Ensuite, dans la barre latérale de la vue principale, sélectionnez la cible Runner .

Sélectionnez l' onglet Général . Ensuite, vous vérifierez les paramètres les plus importants:

Nom d'affichage : le nom de l'application à afficher sur l'écran d'accueil et ailleurs.


15
Ouais, merci pour la réponse. Je connaissais les méthodes natives pour faire cela. J'étais juste curieux de savoir si le flutter le gère à partir d'un seul point.
rajaishwary

2
Ce sont des méthodes natives pour ce faire. Je veux savoir que le flutter le gère à partir d'un seul point ou non?
Pankaj Bansal

2
@AshtonThomas Je peux changer cela, mais après avoir nettoyé la reconstruction, etc., l'application Runner réinitialise sa valeur, comment puis-je la conserver? (Si je comprends bien, le projet Runner est recréé après une version propre ou plus)
Johnykutty

4
Si vous modifiez le nom d'affichage dans le projet Runner, il cessera de fonctionner. Cela doit être «Runner» Apparemment, il est nécessaire de modifier le nom et les données de version uniquement sur le fichier pubspeck.yaml, ce qui est assez incohérent si les applications Android et iOS ont des versions ou une localisation de nom différentes
Dpedrinha

8
Pour iOS, c'est incorrect. Il faut changer le CFBundleName dans Info.plist. Flutter ne trouvera pas l'application, car il recherchera le Runner.app, et si vous le modifiez dans Xcode, ce n'est plus le cas.
pjotr_dolphin

216

Android

Ouvert AndroidManifest.xml(situé à android/app/src/main)

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

iOS

Ouvert info.plist(situé à ios/Runner)

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

N'oubliez pas de courir

flutter clean

1
Pour Android, cela ne fonctionne pas. Essayer de changer de <OldName> à <NouveauNom>, le message d'erreur: sais 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).. Que suggérez-vous ??
iKK

4
Vous pouvez avoir plus d'un AndroidManifest.xmlfichier dans votre projet, vous devrez ouvrir celui situé à android/app/src/main.
CopsOnRoad

Merci, c'était ça! J'ai eu un autre Manifest.xml sous Debug. Maintenant ça marche!
iKK

2
Cela semble être toutes sortes de bris avec les dernières mises à jour IOS et / ou les mises à jour Catalina et / ou les mises à jour Flutter. Je n'ai aucune idée. Changer cela interrompt maintenant le déploiement car il renomme le dossier <appname> .app à partir d'un Runner.app cohérent en ce que vous avez mis dans le nom d'affichage, puis "flutter run" s'arrête. Maintenant, si vous voulez le changer, vous nommez le nom: clé <valeur> dans le fichier YAML, puis effectuez une recherche / remplacement global sur le nom du package. (soupir)
ChrisH

1
@ChrisH J'utilise une version mise à jour de tous, et cela fonctionne comme prévu.
CopsOnRoad

27

Vous pouvez le modifier dans iOS sans ouvrir Xcode en modifiant le projet / ios / Runner / info.plist <key>CFBundleDisplayName</key>sur la chaîne de votre choix comme nom.

FWIW - J'étais frustré de faire des changements dans Xcode et Flutter, alors j'ai commencé à valider toutes les modifications avant d'ouvrir Xcode, afin que je puisse voir où les changements apparaissent dans le projet Flutter.


21

Il existe un plugin.

https://pub.dev/packages/flutter_launcher_name

Écrivez pubspec.yaml

dev_dependencies: 
  flutter_launcher_name: "^0.0.1"

flutter_launcher_name:
  name: "yourNewAppLauncherName"

et courir

flutter pub get
flutter pub run flutter_launcher_name:main

Vous pouvez obtenir le même résultat que l'édition AndroidManifes.xmlet Info.plist.


2
Agréable! Je vais tester le plugin. Mais pour autant que je sache, si vous modifiez le nom d'affichage sur le fichier info.plist de «Runner», l'application arrête la compilation. Ce doit être «Runner».
Dpedrinha

1
Désolé, cela ne fonctionne pas. Comme Dpedrinha l'a dit, ce doit être «Runner».
Mi Be

ça marche pour moi. Mais je dois supprimer l'application et la réinstaller après l'exécution:flutter pub run flutter_launcher_name:main
Jorge Wander Santana Ureña

Il existe également un plugin pour remplacer l'icône pub.dev/packages/flutter_launcher_icons
Katu le

12
  • Consultez le fichier manifeste d'application par défaut AndroidManifest.xmlsitué dans<app dir>/android/app/src/main

  • Modifiez le android:labelnom d'affichage de votre choix


4

Un problème est que dans les paramètres iOS (iOS 12.x), si vous modifiez le nom d'affichage, il laisse le nom et l'icône de l'application dans les paramètres iOS comme l'ancienne version.


2
ce qui m'a aidé: allez dans l'onglet "Info" et changez le "Nom du bundle".
Mi Be

2

Pour Android, modifiez le nom de l'application à partir du dossier Android , dans le fichier AndroidManifest.xml, android/app/src/mainlaissez l'étiquette Android faire référence au nom que vous préférez, par exemple.

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

2

Depuis le 21/12/2019, vous devez changer le nom: [NameOfYourApp] dans pubspec.yaml. Ensuite, allez dans Edition> Rechercher> Remplacer dans le chemin et remplacez toutes les occurrences de votre nom précédent.

Aussi, juste pour faire bonne mesure, changez les noms de dossier dans votre répertoire Android, par exemple android> app> src> main> java> com> exemple> yourappname.

Ensuite, dans la console, dans le répertoire racine de votre application, exécutez

flutter clean

2
Je me demande comment vous mettez le nom d'affichage dans pubspec avec tous les espaces, les lettres cyrilliques, etc.
Александр Бабич

0

La façon de changer le nom pour iOS et Android est clairement mentionnée dans la documentation comme suit:

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

mais, dans le cas d'ios après avoir changé le nom d'affichage de Xcode, vous ne pouvez pas exécuter l'application de manière flutter, comme flutter run

parce que l'exécution de flutter attend le nom de l'application comme Runner. même si vous changez le nom dans Xcode, cela ne fonctionne pas.

Donc, j'ai corrigé cela comme suit:

déplacer vers l'emplacement de votre projet Flutter

ios / Runner.xcodeproj / project.pbxproj et recherchez et remplacez votre nouveau nom par Runner

alors tout devrait fonctionner comme flutter runprévu

mais n'oubliez pas de changer le nom d'affichage du nom lors de votre prochaine sortie. sinon, l'AppStore rejette votre nom.


0
  1. Android

Ouvrez le fichier AndroidManifest.xml , apportez les modifications ci-dessous

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

Ouvrez le fichier info.plist , apportez les modifications ci-dessous

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


-1

Vous pouvez le modifier dans iOS sans ouvrir Xcode en modifiant le projet / ios / Runner / info.plist <key>CFBundleDisplayName</key>sur la chaîne de votre choix comme nom. Pour Android, modifiez le nom de l'application à partir du dossier Android, dans le fichier AndroidManifest.xml, android / app / src / main laissez l'étiquette android faire référence au nom que vous préférez, par exemple.

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
<application
`android:label="test"`
//the rest of the code
 </application>
</manifest>
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.