如何在Flutter中将全屏的Flare动画制作成全屏?

时间:2020-09-25 18:00:15

标签: flutter flare rive

我最近使用Flare制作了动画。

我使用了 flare_splash_screen 包将该动画用作我的flutter应用程序中的启动屏幕。

我面临的问题是我无法在具有缺口无边框显示的设备上使动画全屏显示。

在Google Pixel XL和iPhone SE等设备上,动画以全屏方式显示。但不适用于iPhone 11 Pro,iPhone 11 Pro Max等设备。

我的ArtBoard的大小为 1080x1920

我尝试了所有类似的操作

  • 使用扩展
  • 身高和体重玩
  • 使用容器并调整其大小

但是无论我做什么动画,都位于显示中间从不全屏显示。

任何帮助将不胜感激

This is the space animation is taking

这是我的代码:

    class Animation extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SplashScreen.navigate(
      name: 'assets/animations/mablac_attire.flr',
      next: (_) => AttireScreen(),
      until: () => Future.delayed(Duration(
        seconds: 1,
        milliseconds: 45,
      )),
      startAnimation: 'Opening',
    );
  }
}

0 个答案:

没有答案