Flutter

Flutter设置名字,应用表示,icon以及启动页

2020-06-11  本文已影响0人  贝勒老爷

一. 应用标识

flutter有问必答群号: 1051522925

1.1. Android应用标识

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

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

1.2. iOS应用标识

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

二. 应用名称

2.1. Android应用名称

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

0918CFDC-675D-4AEA-AB7C-4620A09702C7.png

2.2. iOS应用名称

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

三. 应用图标

3.1. Android应用图标

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


B850FD5F-7709-4170-8161-37A8B427C00F.png

3.2. iOS应用图标

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

四. 应用启动图

4.1. Android应用启动图

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

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


2C684243-5C75-492F-9858-379DCD527F1E.png

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

4.2. iOS应用启动图

iOS需要两步来完成:

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

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

上一篇下一篇

猜你喜欢

热点阅读