Flutter SDK 是一个开源软件开发工具包,用于构建原生编译的漂亮 UI。当我们创建一个Flutter项目时,它带有默认的Flutter图标。为了在 Google Play Store、Apple App Store 等商店中发布应用程序,可以更改默认图标。在本文中,我们将研究实现相同目标的几种可能方法。
有两种方法可以更改应用程序图标:
- 通过上传所有所需大小的图标,手动更改 Android 和 IOS 文件夹中的图标文件。
2. 使用 Package 会自动添加 Android 和 IOS 文件夹中所有图标的大小。
方法一:手动更改图标
第 1 步:生成不同大小的图标
去 https://appicon.co/ 并上传图标图像并勾选 iPhone 和 Android 选项,然后单击生成。该站点同时为 android 和 IOS 生成不同大小的图标。
它将下载名为AppIcons的 Zip 文件,其中包含名为android和Assets.xcassets 的文件夹以及用于appstore和Playstore 的图像,这些图像可以作为图标直接上传到两个商店中
现在,在 Vs Code 中打开您的项目。
第 2 步:在 Android 中添加图标
导航到android/app/src/main/res并右键单击 res 文件夹,然后单击“在资源管理器中显示”。现在删除res文件夹中的所有mipmap文件夹并粘贴您下载的AppIcon/android文件夹中的mipmap文件夹。
第三步:在IOS中添加图标
现在导航到ios/Runner/Assets.xcassets。现在进入Runner文件夹后,右键单击 Runner 文件夹,然后单击“在资源管理器中显示”。现在删除Assets.xcassets文件夹并粘贴您下载的AppIcon/Assets.xcassets 中的Assets.xcassets文件夹。
第 4 步:运行应用程序
手动更改 android 和 IOS 文件夹中的图像后,现在转到lib/main。 dart并在flutter控制台中使用以下命令运行flutter项目。
flutter run
方法二:使用包“ Flutter Launcher Icons”
通过使用该包,我们可以同时为 android 和 IOS 生成不同大小的图标。
步骤 1:导航到 pubspec.yaml 文件。
在 Vs Code 中打开您的项目并转到pubspec.yaml文件。
第 2 步:更新 dev_dependencies。
转到dev_dependencies并添加flutter_launcher_icons: “^0.8.0”依赖项并保存文件。它将获得依赖。
第 3 步:添加依赖项。
现在添加flutter_icons:并保存。
第 4 步:添加资产
现在创建资产文件夹 -> 创建图标文件夹 -> 添加icon.png文件
注意:如果您没有.png图像,请在image_path: 中更改图像格式,如上图所示。
第 5 步:下载依赖项。
在 Vs Code 中打开终端并运行
flutter pub get
命令执行成功后运行
flutter pub run flutter_launcher_icons:main
两个命令都执行成功后,转到lib/main。 dart文件并运行应用程序
flutter run
输出: