Question

我是 Flutter 的新手。

我想在我的 Flutter 应用程序中添加一个启动画面，但我没有找到任何准确的解决方案。

所以，问题是： 如何在flutter中添加启动画面？

Answer 1

制作一个启动画面小部件并将这个小部件设置为初始小部件

class SplashScreen extends StatefulWidget {
      @override
      _SplashScreenState createState() => _SplashScreenState();
    }
    
    class _SplashScreenState extends State<SplashScreen> {
      
    
      @override
      void initState() {
        super.initState();
        new Timer(Duration(milliseconds: 3000), onDoneLoading)
      }
    
      
    
      onDoneLoading() async {
        // SchedulerBinding.instance.addPostFrameCallback((_) {
          Navigator.of(context).pushReplacementNamed('/Signup');
        // });
      }
    
    
    
      @override
      Widget build(BuildContext context) {
        ...Your Widget 
        
      }
    }

Answer 2

您可以查看官方 flutter documentation 了解更多信息。

无论如何，您可以使用 splashscreen 包在 Flutter 中添加启动画面，如下所示：

class MySplash extends StatefulWidget {
  @override
  _MySplashState createState() => _MySplashState();
}

class _MySplashState extends State<MySplash> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: SplashScreen(
        title: new Text(
          'App Name',
          style: new TextStyle(
              fontWeight: FontWeight.bold,
              fontSize: 20.0,
              fontFamily: 'MyFont'),
        ),
        seconds: 3,
        navigateAfterSeconds: new IntroScreenPage(),
        image: new Image.asset('images/dev.jpg'),
        backgroundColor: Colors.white,
        styleTextUnderTheLoader: new TextStyle(),
        photoSize: 100.0,
        loaderColor: Colors.blue,
        loadingText: Text(
          'Welcome to Flutter',
          style: GoogleFonts.ptSansNarrow(),
        ),
      ),
    );
  }
}

Answer 3

在你的 flutter 项目中，你会找到 android 文件夹，在该文件夹中，有一个名为 Manifest 的文件，在该清单文件中定义了 SplashScreenDrawable，你需要编辑该文件。 (https://i.stack.imgur.com/sfM3Q.png)

直接在 android 文件夹中的@drawable/launch_background 中添加启动标志。

请找附件。 https://i.stack.imgur.com/es4JO.png[![enter 此处的图片说明][1]][1]

如何在颤振中添加启动画面

3 个答案: