【问题标题】: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!,
          ),
    ),

【讨论】:

    猜你喜欢
    • 2021-03-17
    • 2021-02-26
    • 2021-07-15
    • 1970-01-01
    • 2021-08-18
    • 1970-01-01
    • 2022-08-03
    • 2022-01-07
    • 1970-01-01
    相关资源
    最近更新 更多