Flutter’da Uygulamanın Simgesini ve Adını Değiştirme

FLUTTER 0 Yorum

Bazen bir uygulama oluşturur ve rastgele bir ad veririz ve daha sonra uygulamanın adını değiştirmek zorunda kalırız. Aynı şey uygulama simgesi için de geçerli. Flutter, bir uygulama oluşturduğumuzda kendi varsayılan simgesini, uygulama simgesi olarak belirler. Bu yüzden, Flutter uygulamasının adını ve simgesini nasıl değiştirebileceğiniz konusunda size adım adım rehberlik edecek bu makaleyi yazdım. Bu makale her iki platform için size rehberlik edecek: Android ve iOS.

Flutter Uygulama Simgesi Değiştirme

Uygulama Adını Değiştirme

Varsayılan olarak, başlatıcıdaki ad Flutter proje adınızdır. Android veya iOS uygulama başlatıcısında görüntülenen adını değiştirmek için sırasıyla AndroidManifest.xml ve Info.plist dosyalarını düzenlemeniz gerekir.

Android için;

android / app / src / main / AndroidManifest.xml

<application
          android:name="io.flutter.app.FlutterApplication"
          android:label="OnurSahin APP"
          android:icon="@mipmap/launcher_icon">

android:label kısmını kendinize göre düzenleyin.

İOS için;

ios / Runner / Info.plist

<key>CFBundleName</key>
<string>OnurSahin App</string>

Uygulama Simgesini Değiştirme

Uygulama simgesini değiştirmenin bazı yolları vardır. En kolay yol olarak,  flutter_launcher_icons eklentisini kullanacağız.

pubspec.yaml dosyasını açın ve dependencies: alanına flutter_launcher_icons: ^0.8.1 ekleyin.

dependencies:
  flutter:
    sdk: flutter
  flutter_launcher_icons: ^0.8.1

Daha sonra dependencies: alanının dışına aşağıdaki kodları ekleyin.

flutter_icons:
  android: true
  ios: true
  image_path: "assets/icon.png"
Seçenek Anlamı
android/ios true: Simgeyi göster
false: Simgeyi gösterme
imagePath: Simgenin yolu
image_path Simgenin yolu
image_path_android Android’e özgü simgenin yolu
image_path_ios İOS için özel simgenin yolu
adaptive_icon_background (androide özel) Simgenin arka planı olarak kullanılacak renk kodu veya görüntünün yolu
adaptive_icon_foreground (androide özel) Simgenin ön planı olarak kullanılacak renk kodu veya görüntü yolu

Kodları ekledikten sonra pubspec.yaml dosyasında sırasıyla aşağıdaki kodları terminalde çalıştırın.

1.

flutter pub get

2.

flutter pub pub run flutter_launcher_icons:main

Ek olarak uygulama simgelerini manuel olarak değiştirmek istiyorsanız;

android için;

android/app/src/main/res klasörüne gidin. mipmap-* dosyalarının altındaki resimleri kendinize göre güncelleyin.

ios için;

ios/Runner/Assets.xcassets/AppIcon.appiconset klasörüne gidin. Klasörde farklı boyut ve ölçekte uygulama simgesinin listesi görünür. Buradaki resimleri kendinize göre güncelleyin. Güncelledikten sonra aynı dizinde bulunan Contents.json dosyasınıda yeni görsellerinize göre düzenleyin.

Yorum Yap