Flutter应用信息1

本文详细介绍了如何为Android和iOS平台配置跨平台App,包括设置应用标识、应用名称、应用图标以及启动图。在Android中,应用标识在`build.gradle`文件中,应用名称在`AndroidManifest.xml`,图标放在`res/mipmap`目录,启动图通过修改`launch_background.xml`实现。而在iOS中,应用标识在`Info.plist`,应用名称和图标同样在`Info.plist`,启动图需要在`LaunchScreen.storyboard`中设置。此外,文章还提及了Flutter中的一些开发注意事项,如启动图的添加和修改。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

真正开发一个完成的跨平台App需要针对不同的平台设置不同的应用信息

  • 比如应用标识、应用名称、应用图标、应用启动图等等

一. 应用标识

1.1. Android应用标识

Android应用标识在对应的Android目录下:Android/app/build.gradle

  • applicationId:是打包时的应用标识

    defaultConfig {
        // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
        applicationId "com.coderwhy.catefavor"
        minSdkVersion 16
        targetSdkVersion 28
        versionCode flutterVersionCode.toInteger()
        versionName flutterVersionName
        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
    }

Android应用标识

1.2. iOS应用标识

iOS应用标识在对应的iOS目录下:ios/Runner/Info.plist(可以通过Xcode打开来进行修改)

iOS应用标识

二. 应用名称

2.1. Android应用名称

Android应用名称在对应的Android目录下:android/app/src/main/AndroidMainifest.xml

Android应用名称

2.2. iOS应用名称

iOS应用名称在对应的iOS目录下:ios/Runner/Info.plist(可以通过Xcode打开来进行修改)

iOS应用名称

三. 应用图标

3.1. Android应用图标

官方建议将图标(icon)根据不同的dpi放置在res/mipmap文件夹下。

Android icon location

img

3.2. iOS应用图标

iOS的应用图标在ios/Runner/Assets.xcassets/AppIcon.appiconset中管理(可以直接打开Xcode将对应的图标拖入)

iOS应用图标

四. 应用启动图

4.1. Android应用启动图

Android中默认的启动图是一片空白的,这是Flutter的默认设置效果。

  • 在哪里设置呢?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/launcher_image"/>
    </item>-->
</layer-list>

我们可以进行如下修改:

第一步:将对应的启动图片,添加到对应的minimap文件夹中

启动图

第二步:修改launch_background.xml文件如下:

  • 注意:我这里启动图命名为launcher_image,需要修改为你的名称

<?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/launcher_image"/>
    </item>
</layer-list>

4.2. iOS应用启动图

iOS需要两步来完成:

第一步:将启动图片添加到资源依赖中

添加依赖的启动图

第二步:在LaunchScreen.storyboard中,添加一个ImageView,并且添加约束

小知识:

flutter里面是没有对int自动转为doule的隐式转化的,没有隐式转化。

column有个特点:希望我们所有的子widget都有一个明确的高度:

column中嵌套listview,或者listview中也嵌套listview,就会出现问题,listview会尽可能的占据最大的高度,而column希望子widget能给一个明确的高度,从而出现冲突‘hasSize’错误。可以给column设置一个高度,或者给子listview设置一个高度shrinkWrap: true,

column也会在父容器中尽可能占据大的宽度,但是可以设置size

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值