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

举报
yechaoa 发表于 2022/05/30 22:13:42 2022/05/30
【摘要】 虽然flutter可以同时运行在android和ios设备上,但是修改名称、logo、启动页还是需要分开配置的。 修改应用名称 android 在项目下找到android目录,依次app》src》...

在这里插入图片描述在这里插入图片描述
虽然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>

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

ios

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

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

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

修改应用图标

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>

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 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" : "Icon-App-20x20@2x.png",
      "scale" : "2x"
    },
    ...
    {
      "size" : "1024x1024",
      "idiom" : "ios-marketing",
      "filename" : "Icon-App-1024x1024@1x.png",
      "scale" : "1x"
    }
  ],
  "info" : {
    "version" : 1,
    "author" : "xcode"
  }
}

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21

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>

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

只需修改这个文件即可。

其他根据需求也可以自行修改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" : "LaunchImage@2x.png",
      "scale" : "2x"
    },
    {
      "idiom" : "universal",
      "filename" : "LaunchImage@3x.png",
      "scale" : "3x"
    }
  ],
  "info" : {
    "version" : 1,
    "author" : "xcode"
  }
}

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23

github

https://github.com/yechaoa/wanandroid_flutter


文章来源: blog.csdn.net,作者:yechaoa,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/yechaoa/article/details/98958344

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。