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

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

image.png

虽然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" : "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"
  }
}


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" : "LaunchImage@2x.png",
      "scale" : "2x"
    },
    {
      "idiom" : "universal",
      "filename" : "LaunchImage@3x.png",
      "scale" : "3x"
    }
  ],
  "info" : {
    "version" : 1,
    "author" : "xcode"
  }
}




github

https://github.com/yechaoa/wanandroid_flutter



目录
相关文章
|
2天前
|
传感器 缓存 监控
Stream 组件在 Flutter 中的应用场景有哪些?
Stream 组件在 Flutter 中的应用场景有哪些?
143 58
|
7天前
|
开发框架 搜索推荐 开发工具
打造个性化安卓应用:从零开始的Flutter之旅
【8月更文挑战第51天】本文是一篇面向初学者的Flutter入门教程,旨在通过简单易懂的语言和实际代码示例,引导读者步入跨平台移动应用开发的世界。文章首先介绍了Flutter的基本概念和优势,然后逐步展示了如何搭建开发环境、创建第一个Flutter应用,并实现了一个简单的待办事项列表。最后,文章探讨了Flutter在实现高性能和美观界面方面的潜力,鼓励读者发挥创意,探索更多可能。
53 15
|
14天前
|
JSON Dart Java
flutter开发多端平台应用的探索
flutter开发多端平台应用的探索
26 6
|
14天前
|
JSON Dart Java
flutter开发多端平台应用的探索 下 (跨模块、跨语言通信之平台通道)
flutter开发多端平台应用的探索 下 (跨模块、跨语言通信之平台通道)
|
24天前
|
编解码 Dart 网络协议
Flutter如何玩转超低延迟RTSP/RTMP播放,跨平台视频流体验大升级,让你的应用秒变直播神器!
【9月更文挑战第3天】Flutter作为谷歌推出的跨平台移动UI框架,凭借高性能和丰富的生态系统广受好评。本文详细介绍如何在Flutter应用中实现低延迟的跨平台RTSP/RTMP播放,并提供具体示例代码。首先介绍了如何使用`flutter_vlc_player`播放RTSP流,然后讨论了优化视频播放以降低延迟的方法,包括调整播放器配置等。通过选用合适的播放器插件并进行优化,Flutter可在视频流播放领域提供卓越的用户体验。随着生态的发展,Flutter有望成为视频流媒体开发的首选框架。
106 6
|
23天前
|
Dart 搜索推荐 API
打造个性化天气应用:从零开始的Flutter之旅
【9月更文挑战第3天】探索Flutter的强大功能,我们将一步步构建一个动态的天气应用。通过这个实践项目,你将学习到如何从无到有地设计用户界面、处理数据流和集成第三方API。本指南适合所有水平的开发者,无论你是Flutter新手还是寻求提高的资深开发者,都能在这里找到价值。让我们开始吧,创造属于你的天气小助手!
|
27天前
|
搜索推荐 IDE 开发工具
打造个性化安卓应用:从零开始的Flutter之旅
在数字时代的浪潮中,拥有一款个性化且高效的移动应用已成为许多创业者和企业的梦想。本文将引导你使用Flutter框架,从零基础开始构建一个安卓应用,不仅涉及界面设计、功能实现,还包括性能优化的关键技巧。通过简洁易懂的语言和实用的代码示例,我们将一起探索如何让你的应用在众多竞争者中脱颖而出。 【8月更文挑战第31天】
|
27天前
|
存储 开发工具 Android开发
打造你的专属安卓应用:从零开始的Flutter之旅
【8月更文挑战第31天】在数字时代的浪潮中,拥有一款属于自己的应用不仅是梦想的启航,也是技术实力的展现。本文将引导你使用Flutter框架,轻松步入安卓应用的开发世界。无论你是编程新手还是希望拓展技能边界的开发者,跟随这篇指南,你将学会如何搭建开发环境、设计用户界面,并实现基本功能。让我们一起探索代码的力量,开启一段创造之旅吧!
|
27天前
|
开发框架 Dart 搜索推荐
打造个性化安卓应用:从零开始的Flutter之旅
【8月更文挑战第31天】在数字化浪潮中,拥有一款个性化的移动应用是许多人的梦想。本文将引导你使用Flutter框架,快速入门安卓应用开发。我们会一起探索Flutter的基础概念,并通过一个简单的计数器应用示例,展示如何实现交互式界面。无论你是编程新手还是希望扩展技能边界的开发者,这篇文章都将为你开启一扇新窗,让你看到用代码创造美丽事物的无限可能。
|
27天前
|
存储 搜索推荐 Android开发
打造个性化安卓应用:从零开始的Flutter之旅
【8月更文挑战第31天】 在数字时代的浪潮中,移动应用成为连接用户与服务的桥梁。本文将引导你使用Flutter框架,从无到有构建一个具有独特风格的安卓应用,让你在编程的海洋里扬帆起航,探索个性化应用的秘密花园。我们将一步步揭开Flutter的神秘面纱,通过实例代码带你领略它的魅力所在。准备好了吗?让我们一起开启这段激动人心的旅程!