Flutter 修改应用程序的名称和图标

Posted 2023-04-27

参考技术A 在项目中找到 androidManifest.xml 文件，其中 android:label="demo" 就是应用程序名称，修改引号中的内容即可

在项目中找到 mipmap-mdpi mipmap-hdpi mipmap-xhdpi mipmap-xxhdpi mipmap-xxxhdpi 文件夹，替换这些文件夹中的 ic_launcher.png 文件即可

注意：图标有多种尺寸的大小，是为了适配不同分辨率的手机而设计的

在项目中找到 Info.plist 文件，其中 CFBundleDisplayName 和 CFBundleName 下面的就是应用程序名称，修改内容即可

找到项目中的 AppIcon.appiconset 文件夹，其中 Contents.json 是配置文件，其它的图片文件就是图标，替换这些图片文件即可

注意：图标有多种尺寸的大小，是为了适配不同分辨率的手机而设计的

插件地址： https://pub.dev/packages/flutter_app_name

在项目中找到 pubspec.yaml 文件，添加内容如下

插件地址： https://pub.dev/packages/flutter_launcher_icons

在项目中找到 pubspec.yaml 文件，添加内容如下

注意：准备一张 1024x1024 的 png 图片，取名为 icon.png 并把它放在 assets/icon 目录中

找到 ~/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_launcher_icons-0.9.2/lib/android.dart 文件修改内容如下

注意：如果使用了镜像地址就找到 ~flutter/.pub-cache/hosted/pub.flutter-io.cn/flutter_launcher_icons-0.9.2/lib/android.dart 文件来修改以上内容

https://github.com/fluttercommunity/flutter_launcher_icons/issues/324

Flutter-修改应用名称图标启动页

來源：https://blog.csdn.net/yechaoa/article/details/98958344

虽然flutter可以同时运行在android和ios设备上，但是修改名称、logo、启动页还是需要分开配置的。

修改应用名称
android
在项目下找到android目录，依次app》src》main》AndroidManifest.xml，
打开AndroidManifest.xml文件，找到application节点，修改label参数即可

    <application
        android:name="io.flutter.app.FlutterApplication"
        android:icon="@mipmap/ic_logo"
        android:label="玩安卓">
        ...
    </application>

ios
在项目下找到ios目录，依次Runner》Info.plist，
打开Info.plist文件，参数都是key-string的形式，找到CFBundleName，修改参数即可

<dict>
    ...
    <key>CFBundleName</key>
    <string>玩安卓</string>
    ...
</dict>

 

修改应用图标
android
在项目下找到android目录，依次app》src》main》res，然后会有一组mipmap开头的目录，即不同目录存放不同的图标大小，把我们不同大小的图标分别放在对应的目录中。
打开AndroidManifest.xml文件，找到application节点，修改icon参数即可

    <application
        android:name="io.flutter.app.FlutterApplication"
        android:icon="@mipmap/ic_logo"
        android:label="玩安卓">
        ...
    </application>

mipmap-hdpi - 72*72
mipmap-mdpi - 48*48
mipmap-xhdpi - 96*96
mipmap-xxhdpi - 144*144
mipmap-xxxhdpi - 192*192
ios
在项目下找到ios目录，依次Runner》Assets.xcassets》AppIcon.appiconset，然后会有一组后缀为1x、2x、3x的图标，根据尺寸存放即可。
在同级目录的Contents.json文件中修改自己的配置

{
  "images" : [
    {
      "size" : "20x20",
      "idiom" : "iphone",
      "filename" : "[e-mail]",
      "scale" : "2x"
    },
    ...
    {
      "size" : "1024x1024",
      "idiom" : "ios-marketing",
      "filename" : "[e-mail]",
      "scale" : "1x"
    }
  ],
  "info" : {
    "version" : 1,
    "author" : "xcode"
  }
}

 

ios的图标尺寸较多，可以根据Contents.json文件中的配置挨个去修改，或者只修改通用的即可。

启动页
android
在项目下找到android目录，依次app》src》main》res》drawable》launch_background.xml，

<?xml version="1.0" encoding="utf-8"?>
<!-- Modify this file to customize your launch splash screen -->
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@android:color/white" />

    <!-- You can insert your own image assets here -->
    <item>
        <bitmap
            android:gravity="center"
            android:src="@mipmap/ic_logo" />
    </item>
</layer-list>

 

只需修改这个文件即可。

其他根据需求也可以自行修改values下的style文件，然后在AndroidManifest.xml文件设置给activity即可。

ios
在项目下找到ios目录，依次Runner》Assets.xcassets》LaunchImage.imageset，根据需求修改LaunchImage图片文件，并在同级别的Contents.json文件中配置即可。

{
  "images" : [
    {
      "idiom" : "universal",
      "filename" : "LaunchImage.png",
      "scale" : "1x"
    },
    {
      "idiom" : "universal",
      "filename" : "[e-mail]",
      "scale" : "2x"
    },
    {
      "idiom" : "universal",
      "filename" : "[e-mail]",
      "scale" : "3x"
    }
  ],
  "info" : {
    "version" : 1,
    "author" : "xcode"
  }
}

 

github
https://github.com/yechaoa/wanandroid_flutter