本文基于Flutter 3.24编写。
假设你已经完成Flutter安装。
创建Flutter项目后,应用图标默认是Flutter标志。有时我们希望更换这个图标,这时可以使用flutter_launcher_icons包。借助它,可以更方便地设置Flutter项目的应用图标和名称。
安装flutter_launcher_icons。
flutter pub add flutter_launcher_icons
输入以下命令,生成配置文件。
dart run flutter_launcher_icons:generate
执行后会生成如下文件。
flutter_launcher_icons.yaml# flutter pub run flutter_launcher_icons
flutter_launcher_icons:
image_path: "assets/icon/icon.png"
android: "launcher_icon"
# image_path_android: "assets/icon/icon.png"
min_sdk_android: 21 # android min sdk min:16, default 21
# adaptive_icon_background: "assets/icon/background.png"
# adaptive_icon_foreground: "assets/icon/foreground.png"
# adaptive_icon_monochrome: "assets/icon/monochrome.png"
ios: true
# image_path_ios: "assets/icon/icon.png"
remove_alpha_channel_ios: true
# image_path_ios_dark_transparent: "assets/icon/icon_dark.png"
# image_path_ios_tinted_grayscale: "assets/icon/icon_tinted.png"
# desaturate_tinted_to_grayscale_ios: true
web:
generate: true
image_path: "path/to/image.png"
background_color: "#hexcode"
theme_color: "#hexcode"
windows:
generate: true
image_path: "path/to/image.png"
icon_size: 48 # min:48, max:256, default: 48
macos:
generate: true
image_path: "path/to/image.png"
将图片放到assets/logo/icon.png。如果还没有图片,可以通过以下链接生成图标。
修改flutter_launcher_icons.yaml。
flutter_launcher_icons:
android: true
ios: true
image_path: "assets/logo/icon.png"
adaptive_icon_background: "#ffffff"
adaptive_icon_foreground: "assets/logo/icon.png"
remove_alpha_ios: true
执行以下命令,应用图标。
flutter pub get
dart run flutter_launcher_icons
图标就更换完成了。接下来修改应用名称。
打开android/app/src/main/AndroidManifest.xml,按以下方式修改。在android:label中填写应用名称。
<application
android:label="앱 이름"
android:icon="@mipmap/ic_launcher">
打开ios/Runner/Info.plist,按以下方式修改。在CFBundleDisplayName中填写应用名称。
<key>CFBundleDisplayName</key>
<string>앱 이름</string>