Flutter如何在制作应用过程中更改应用名称和图标

已收录   阅读次数: 1,492
2021-08-2207:48:40 发表评论
摘要

伯衡君这几天正在准备把制作的应用上架Google Play Store,刚发现还没给自己的应用改名称和图标,于是按照官方的指导文档,稍微阅读了一下,发现是如此简单,于是就把更改的流程以图文的形式记录下来,以方便未来查询,于是就有了今天这篇文章……

分享至:
Flutter如何在制作应用过程中更改应用名称和图标

开篇寄语

伯衡君这几天正在准备把制作的应用上架Google Play Store,刚发现还没给自己的应用改名称和图标,于是按照官方的指导文档,稍微阅读了一下,发现是如此简单,于是就把更改的流程以图文的形式记录下来,以方便未来查询,于是就有了今天这篇文章。

内容详情

  • 改名称

Android

想要修改安卓的启动图标和名称,需要在制作的flutter项目找到android/app/src/main/AndroidManifest.xml文件,然后在该区域修改应用名称:

<application
        android:name="io.flutter.app.FlutterApplication"
        android:label="your_app_name"
        android:icon="@mipmap/ic_launcher">

如下图所示:

Flutter如何在制作应用过程中更改应用名称和图标

iOS

想要有该iOS环境下的名称,则需要找到ios/Runner/Info.plist文件,修改下面这快区域的代码:

<key>CFBundleName</key>
<string>your_app_name</string>

如下图所示:

Flutter如何在制作应用过程中更改应用名称和图标

  • 改图标
  • flutter方便开发者提供了大量的依赖库,其中有一个名为flutter_launcher_icons的依赖库,可以帮助你快速生成解决ap改图标的事情。

    首先是找到pubspec.yaml文件,找到dev_dependencies,输入以下代码:

    dev_dependencies:
      flutter_launcher_icons: ^0.9.1 //最新版
      flutter_test:
        sdk: flutter

    如下图所示:

    Flutter如何在制作应用过程中更改应用名称和图标

    接着在下方输入以下代码:

    flutter_icons:
      android: true
      ios: true
      image_path: 'assets/icon/ame.png' //图标路径

    如下图所示:

    Flutter如何在制作应用过程中更改应用名称和图标

    这个路径自然是需要自行建立的,可以参考下图所示:

    Flutter如何在制作应用过程中更改应用名称和图标

    随后,在terminal输入以下两行命令:

    flutter pub get
    flutter pub run flutter_launcher_icons:main 

    出现如下图所示内容,就意味着app图标已经替换成功啦,如下图所示:

    Flutter如何在制作应用过程中更改应用名称和图标

    之后,以iOS仿真模拟一下,就可以看到app图标已经替换了,如下图所示:

    Flutter如何在制作应用过程中更改应用名称和图标

    这个图片大小呢,建议设置为864像素x864像素,这个尺寸是Google官方推荐的。

    • 我的微信
    • 微信扫一扫加好友
    • weinxin
    • 我的微信公众号
    • 扫描关注公众号
    • weinxin

    发表评论

    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: