如何在 Flutter 中扩展 Rive 动画？答案

【问题标题】：How to expand Rive animation in Flutter?如何在 Flutter 中扩展 Rive 动画？
【发布时间】：2021-11-11 16:13:14
【问题描述】：

我想制作 rive 动画背景并感觉整个屏幕。将高度和宽度更改为 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),
          ),
        ),

【问题讨论】：

你找到解决办法了吗？
是的，经过几次尝试和发布任务，我明白了
@helloitsme3 你能把你的答案贴在线程上吗？您可以将自己的答案标记为已接受并帮助其他人解决此问题:)
@IbrahimYildirim 我编辑了问题，描述中有解决方案:)

标签： flutter dart animation android-animation rive

【解决方案1】：

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

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

【讨论】：