Flutter splash screen хэрхэн хийх вэ?

Jagaa

Oct 16, 2020

Flutter, iOS, Android, native splash screen

Splash screen гэдэг нь Application ачааллаж дуусахаас өмнө түр хугацаанд харуулж буй дэлгэц юм.

Adding a splash screen to your mobile app

Splash screens (also known as launch screens) provide a simple initial experience while your mobile app loads. They set…

flutter.dev

Android

Алхам 1: <project\android\app\src\main\drawable-* замууд дээр зураг оруулах. Image baker сайтыг ашиглан зурагнуудаа generate хийж болно.

Image Baker for Android and iOS. Generate drawables online

Image baker is a tool to generate iOS and Android assets. You will get the optimized images in all sizes you need…

www.img-bak.in

Алхам 2: <project\android\app\src\main\drawable\launch_background.xml

Жишээ 1

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@android:color/white" />
    <item>
        <bitmap
            android:gravity="center|fill_horizontal"
            android:src="@drawable/splash" />
    </item>
</layer-list>

Жишээ 2

<?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" />
    <item
        android:width="350dp"
        android:height="250dp"
        android:drawable="@drawable/splash"
        android:gravity="center" />
</layer-list>

iOS

Xcode Runner\Assets.xcassets LaunchImage солих.