Flutter 应用程序在启动时显示白屏几秒钟

Wor*_*ce4 31 flutter flutter-layout

为什么我的 Flutter 应用程序在启动时会显示几秒钟的白屏?我该如何解决这个问题?

sil*_*orp 20

如果您看到Activity的黑色窗口背景一直显示到 Flutter 渲染其第一帧,请将其添加到您的AndroidManifest 中,在<activity> ... </activity> 之间

<meta-data
       android:name="io.flutter.embedding.android.SplashScreenDrawable"
   android:resource="@drawable/launch_background"
/>
Run Code Online (Sandbox Code Playgroud)


Hen*_*hur 11

您可以使用flutter_native_splash包为 Android 和 iOS 添加原生启动画面,而无需其他答案中描述的手动更改。

该软件包会为您进行手动更改。

1 - 取决于它:

dev_dependencies:
  flutter_native_splash: ^0.1.4
Run Code Online (Sandbox Code Playgroud)

flutter pub get

2 - 配置您的启动画面pubspec.yaml

    flutter_native_splash:
      image: assets/images/splash.png
      color: 42a5f5
Run Code Online (Sandbox Code Playgroud)

3 - 运行包

flutter pub pub run flutter_native_splash:create
Run Code Online (Sandbox Code Playgroud)

现在生成启动画面。


Álv*_*ero 6

Android - 现在您可以更改

/AndroidStudioProjects/vendowallet/android/app/src/main/res/drawable/launch_background.xml

就像是

<!-- You can insert your own image assets here -->
    <item>
        <bitmap
            android:gravity="center"
            android:src="@mipmap/ic_launcher" />
    </item>
Run Code Online (Sandbox Code Playgroud)

IOS

更改Assets.xcassets中的LaunchImage