Hazır bir uygulama satın aldığınız zaman ya da Flutter ile yeni bir uygulama oluşturduğunuz zaman üzerinde yapacağınız ilk değişiklikler uygulamanın adını ve ikonunu değiştirmek gelir. İşte bu yazımızda yeni geliştiriciler için uygulama adını ve ikonunu değiştirmeyi açıkladık.
Uygulamanın ikonunu değiştirme
Uygulamanın ikonunu değiştirmek için sık kullanılan iki yol var. Biz bunlardan daha kolay olan yolu yani “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.
flutter pub get
İlk kodumuzu çalıştırdıktan sonra sıra aşağıdaki kodu terminalde çalıştırın.
flutter pub run flutter_launcher_icons:main
İkinci kod çalıştırıldıktan sonra işlemin tamam olması gerekiyor.
Biraz daha uğraştıran ikinci yolu denemek isteyenler için:
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.
Uygulamanın adını değiştirme
android / app / src / main / AndroidManifest.xml
<application
android:name="io.flutter.app.FlutterApplication"
android:label="VsBack-i 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>VsBack-i App</string>
Member discussion