【Flutter】如何生成和修改 Flutter 应用图标

如何生成和修改 Flutter 应用图标

在开发 Flutter 应用时，自定义应用图标是不可或缺的一部分。本文将具体先容如何生成和更换 Flutter 应用的图标。
1. 创建应用图标

要生成适合 Android 和 iOS 平台的图标，可以利用在线工具如 App Icon Generator 或 MakeAppIcon。以下是步调：

• 打开任一图标生成工具。
  
• 上传你计划的图标文件（保举 1024x1024 像素的 PNG 格式）。
  
• 工具会自动生成适合不同分辨率的图标文件。
  
• 下载生成的 ZIP 文件。
  

2. 更换 Flutter 应用图标

生成图标后，你需要将它们更换到 Flutter 项目的 Android 和 iOS 文件夹中。
2.1 Android 平台更换图标

• 找到图标文件夹
  在你的 Flutter 项目中，导航到以下路径：
  android/app/src/main/res/
  
• 更换图标
  将生成的图标文件解压缩，按照以下文件夹结构更换相应的图标：
  
  
  
  • mipmap-hdpi：放置高分辨率 (hdpi) 的图标
    
  • mipmap-mdpi：放置中平分辨率 (mdpi) 的图标
    
  • mipmap-xhdpi：放置超高分辨率 (xhdpi) 的图标
    
  • mipmap-xxhdpi：放置超超高分辨率 (xxhdpi) 的图标
    
  • mipmap-xxxhdpi：放置超超超高分辨率 (xxxhdpi) 的图标
    
  确保每个文件夹中的图标定名为 ic_launcher.png 和 ic_launcher_round.png。
  
  

2.2 iOS 平台更换图标

• 打开 Xcode
  在你的 Flutter 项目中，导航到 ios 文件夹，利用 Xcode 打开 Runner.xcworkspace。
  
• 找到 Asset Catalog
  在 Xcode 中，导航到 Runner -> Assets.xcassets -> AppIcon，你会看到不同分辨率的图标占位符。
  
• 更换图标
  将生成的 iOS 图标文件更换到每个占位符中。确保每个图标与占位符的尺寸匹配。
  

3. 重新构建应用

完成图标更换后，需要重新构建应用以应用新的图标。依次执行以下下令：

1. flutter clean
2. flutter pub get
3. flutter run

复制代码

这将清理缓存并重新生成应用。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。