📜  Flutter – 更改应用程序图标

📅  最后修改于: 2021-09-02 05:21:06             🧑  作者: Mango

Flutter SDK 是一个开源软件开发工具包,用于构建原生编译的漂亮 UI。当我们创建一个Flutter项目时,它带有默认的Flutter图标。为了在 Google Play Store、Apple App Store 等商店中发布应用程序,可以更改默认图标。在本文中,我们将研究实现相同目标的几种可能方法。

有两种方法可以更改应用程序图标:

  1. 通过上传所有所需大小的图标,手动更改 Android 和 IOS 文件夹中的图标文件。

2. 使用 Package 会自动添加 Android 和 IOS 文件夹中所有图标的大小。

方法一:手动更改图标

第 1 步:生成不同大小的图标

https://appicon.co/ 并上传图标图像并勾选 iPhone 和 Android 选项,然后单击生成。该站点同时为 android 和 IOS 生成不同大小的图标。

它将下载名为AppIcons的 Zip 文件,其中包含名为androidAssets.xcassets 的文件夹以及用于appstorePlaystore 的图像,这些图像可以作为图标直接上传到两个商店中

现在,在 Vs Code 中打开您的项目。

第 2 步:在 Android 中添加图标

导航到android/app/src/main/res并右键单击 res 文件夹,然后单击“在资源管理器中显示”。现在删除res文件夹中的所有mipmap文件夹并粘贴您下载的AppIcon/android文件夹中的mipmap文件夹。

res文件夹中的图标已更改

第三步:在IOS中添加图标

现在导航到ios/Runner/Assets.xcassets。现在进入Runner文件夹后,右键单击 Runner 文件夹,然后单击“在资源管理器中显示”。现在删除Assets.xcassets文件夹并粘贴您下载的AppIcon/Assets.xcassets 中Assets.xcassets文件夹。

Assets.xcassets 在 Runner 文件夹中更改

第 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”依赖项并保存文件。它将获得依赖。

在 dev_dependencies 中添加依赖

第 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

输出:

想要一个更快节奏和更具竞争力的环境来学习 Android 的基础知识吗?
单击此处前往由我们的专家精心策划的指南,旨在让您立即做好行业准备!