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

问题描述

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

我不打算创建启动应用程序后立即显示的启动屏幕，而是在应用程序加载/启动时显示的启动屏幕。

最简单的方法是什么？

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

解决方法

您可以在应用程序中使用启动屏幕窗口小部件。

1。在您的pubspec.yaml文件中获取初始屏幕。检查一下 Flutter packages link。

2。导入项目中的初始屏幕
import 'package:splashscreen/splashscreen.dart';

3。创建Statefull或无状态小部件。

返回以下代码：

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上查看更多教程。

好吧，首先，您需要使用RootPage。这将显示loadingPage，然后显示HomePage（或您需要的任何页面）。您只需将RootPage设置为有状态（以更改设置为新状态的页面）。

没有唯一的方法。因此，我不会在这里编写代码。我将解释其结构。

loadingPage 显示您想要的内容（您可以使用Animated窗口小部件使其具有动画效果）

根页面将显示LoadingPage，您可以使用Timer dart类更改根页面的状态以显示主页。另一种方法是在动画完成时从加载页面获取回调。

这是我在不使用其他管理系统（例如bloc库）的情况下思考的最简单的方法之一

android android dart screen