Question

我想显示一个动画的启动画面，所以我尝试了一个gif图像，但它不起作用，所以我看了一下答案Can I Add GIF format Image as a Splash Screen 但这不起作用，是否有推荐的方法来实现

Answer 1

我会采用Flare（https://www.2dimensions.com/about-flare）的方式。您可以使用免费的网络创作工具来创作动画，非常简单。

然后，他们有了Flutter运行时插件（https://pub.dev/packages/flare_flutter）。有了它，您可以只播放创作Webapp中导出的动画。一旦掌握了如何使用Web创作工具，这真的很容易。无论如何，用代码轻松地100％创建动画都是如此。

这是启动屏幕的外观（假设您将耀斑动画导出放置在项目文件夹中的/ assets / flare中）

import 'package:flare_flutter/flare_actor.dart';
import 'package:flutter/material.dart';

class SplashScreen extends StatelessWidget {

  SplashScreen() {
  }

  @override
  Widget build(BuildContext context) {
    String asset = "assets/flare/splash.flr";
    return Container(
        // use same color as native splashscreen GIF/PNG so that the user cant tell the difference
        color: const Color.fromRGBO(250, 224, 61, 1.0), 
        child: FlareActor(
          asset,
          callback: (nameOfAnimation) async {
             Navigator.pushReplacementNamed(context, "/login");                      
          },
          fit: BoxFit.contain,
          alignment: Alignment.center,
          sizeFromArtboard: false,
          animation: "splash",
        )
    );
  }
}

在materialApp中只是做

：

return MaterialApp(
      title: 'My App',
      debugShowCheckedModeBanner: false,
      home: SplashScreen()
);

动画的启动画面颤动

1 个答案: