flutter - 如何在 Flutter 中扩展 Rive 动画？

Question

我想制作动画背景并感觉整个屏幕。将高度和宽度更改为 MediaQuery... 不起作用。它改变了大小，但比例保持不变

这就是 rive 小部件对我的样子：

Center(
            child: _riveArtboard == null
                ? const SizedBox()
                : Rive(artboard: _riveArtboard),
          ),

先感谢您

编辑： 解决方案

Container(
          height: h,
          width: w,
          child: Center(
            child: _riveArtboard == null
                ? const SizedBox()
                : Rive(fit: BoxFit.fill, artboard: _riveArtboard),
          ),
        ),

Answer 1

只需将高度和宽度添加到他的父容器，然后为您的Rive小部件添加适合（覆盖、填充、任何您需要的）

 Container(
           width: w,
           height: h,
           child: Rive(
               fit: BoxFit.cover,
               artboard: ctrl.globalArtboard!,
          ),
    ),