如何在Flutter中添加全屏图片作为启动画面

Question

大家好，我刚接触Flutter不久，已经使用了1到2个月。我的问题是，是否有可能以全屏图像的形式将启动屏幕添加到我的应用程序中？我卡在这里了，尝试了很多方法，但它们并不能按照我的要求工作。

- MuhammadOsamaQureshi

---

使用这个包 flutter_native_splash - princesanjivy

是的，我尝试了兄弟，但它不允许我使用全屏。 - MuhammadOsamaQureshi

看看这个解决方案，可能会对你有所帮助。 - princesanjivy

我发现了一种方法，使用flutter_splash_native包，我们可以将一张图片作为背景图像放置在启动屏幕上。 - MuhammadOsamaQureshi

@MuhammadOsamaQureshi，你是如何使用flutter_splash_native实现的呢？ - TejjD

@MuhammadOsamaQureshi 你能帮我举个例子来解决这个问题吗？ - undefined

Answer 1

    import 'package:flutter/material.dart';

class Splash extends StatefulWidget {
  @override
  _SplashState createState() => _SplashState();
}

class _SplashState extends State<Splash> {
  @override
  void initState() {
    Future.delayed(Duration(seconds: 3), () {
      Navigator.push(
          context,
          MaterialPageRoute(
              builder: (context) => CalendarWidget(title: 'Calendar')));
    });

    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        width: MediaQuery.of(context).size.width,
        height: MediaQuery.of(context).size.height,
        child: Image.network(
          'https://images.pexels.com/photos/1987301/pexels-photo-1987301.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500',
          fit: BoxFit.cover,
        ),
      ),
    );
  }
}

- Afaq Ahmed

---

请自行使用图像资源，例如如果您想使用URL或Asset Image。并将Navigator下一个屏幕替换为所需的类。 - Afaq Ahmed

您的回答目前写得不够清楚，请编辑并添加更多细节，以帮助其他人理解它如何回答所提出的问题。您可以在帮助中心找到有关撰写良好答案的更多信息。 - Community

从'main.dart'开始您的应用程序，它将从此屏幕加载。在此屏幕之后，您可以等待并将用户带到任何所需的屏幕。 - Afaq Ahmed

如果您提供为什么这是首选解决方案并解释其工作原理的说明，那将更有帮助。我们想要教育，而不仅仅是提供代码。 - the Tin Man

@Afaq Ahmed，这不是在Flutter中创建启动画面的正确方式。 - undefined