Summary
Full Transcript
Want to change your Flutter app’s icon and display name for Android and iOS? This step-by-step guide walks you through both the **quick automated method (recommended)** using `flutter_launcher_icons` and the **manual method** for full control. You’ll learn what files to edit, how to generate icons for all required sizes (including adaptive Android icons), how to update the app name (display name) on Android and iOS, and common troubleshooting tips so the new icon/name show up correctly on devices and emulators. What this video covers: * Why you should change the app icon & display name before publishing. * Recommended sizes and why adaptive Android icons matter. * Automated approach with `flutter_launcher_icons` (fast & repeatable). * Manual changes for Android (mipmap, manifest/strings.xml) and iOS (Assets.xcassets & Info.plist). * How to test and force the device/emulator to refresh the icon/name. * Troubleshooting: caching, uninstalling, and build cache cleaning. This generates icons into Android `mipmap-*` and iOS `Assets.xcassets/AppIcon.appiconset`. Rebuild your app. Manual method — Change app icon * Android: replace images in `android/app/src/main/res/mipmap-*/` or use adaptive icon layers in `mipmap-anydpi-v26/ic_launcher.xml` pointing to `ic_launcher_foreground`/`ic_launcher_background`. * iOS: open `ios/Runner/Assets.xcassets/AppIcon.appiconset` in Xcode and drag in the icon images of the right sizes (or replace the entire AppIcon set). * iOS: open `ios/Runner/Info.plist` and edit `CFBundleDisplayName` (or `CFBundleName`) to your desired display name. Rebuild & test * Run `flutter clean` then `flutter run` or rebuild via Xcode/Android Studio. * If the icon or name doesn’t update on a test device, uninstall the previous app and reinstall — OSes sometimes cache icons. * For iOS, sometimes you must clear SpringBoard cache or reboot the device. Bonus tips * Use high-resolution (1024×1024) source images; the tools will scale down. * Keep a separate folder for your source icon assets in the project (e.g., `assets/icon/`). * Use version control to track icon/name changes and keep a changelog for releases. By the end of this video you’ll have a polished app icon and the correct display name on both Android and iOS — ready for testing or publishing. Like, comment your OS version if you run into issues and subscribe for more Flutter UI & deployment tips! #Flutter #AppIcon #FlutterTutorial #MobileDev #Android #iOS #flutter_launcher_icons #AppName #AdaptiveIcons #FlutterTips #MobileAppDevelopment
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
