时间戳

首页 > 解决方案 > 如何在 Flutter 应用中创建启动屏幕

android - 如何在 Flutter 应用中创建启动屏幕

问题描述

我正在 Flutter 中制作一个应用程序，我想创建一个启动屏幕，该屏幕在应用程序首次启动时显示。首次打开应用程序时，会短暂显示白屏，这意味着 Android 中有一些进程需要在应用程序启动之前完成。我想用我自己的屏幕替换那个白屏。

我不打算制作启动应用程序后将显示的启动屏幕，而是在应用程序加载/启动时显示启动屏幕。

最简单的方法是什么？

我还想说我已经在互联网上寻找答案，其中大多数都提供添加一个启动屏幕，该屏幕在应用程序初始化后显示。我不是在寻找那个。谢谢您的帮助！

标签： androidflutterdartscreenloading

解决方案

您可以在应用程序中使用闪屏小部件。

pubspec.yaml1.在您的文件中获取启动画面。在 Flutter 包链接上查看。

2.在您的项目中导入启动画面
import 'package:splashscreen/splashscreen.dart';

3.创建有状态或无状态小部件。

返回以下代码：

return MaterialApp(
  home: SplashScreen(
    navigateAfterSeconds: MainScreen(),
    seconds: 3,
    backgroundColor: Colors.white12,
    image: Image.asset('Location of the gif or image to be displayed'),
    loaderColor: Colors.redAccent,
    photoSize: 159,
  ),
);

查看更多关于Rapto Learning的教程。

推荐阅读