Skip to content

应用标识

真正开发一个完成的跨平台 App 需要针对不同的平台设置不同的应用信息
比如应用标识、应用名称、应用图标、应用启动图等等

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"
}

undefined

iOS 应用标识

使用 xcode 导入 flutter 项目下的 ios 目录

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

应用名称

Android 应用名称

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

iOS 应用名称

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

应用图标

Android 应用图标

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

iOS 应用图标

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

应用启动图

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 文件夹中 undefined

第二步:修改 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>

iOS 应用启动图

iOS 需要两步来完成 第一步:将启动图片添加到资源依赖中 undefined

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