flutter - 如何在抖动中绕过Artboard(Rive)

Question

如何绕过画板？
我想将我的按钮移到屏幕下方
我使用bottomNavigationBar，但我的按钮从底部屏幕高起
Example image Click Here

bottomNavigationBar: Row(
    children: [
      Expanded(
        child: GestureDetector(
          child: SizedBox(
            width: 190,
            height: 190,
            child: FlareActor(
              'assets/Plus_Animation_Button.flr',
              animation: 'Stay',
              controller: _Animation_Plus,
              sizeFromArtboard: false,
              fit: BoxFit.cover,
            ),
          ),
          onTap: _CheckPlus(),
        ),
      ),
      Expanded(
        flex: 1,
        child: Padding(padding: EdgeInsets.all(2)),
      ),
      Expanded(
        child: GestureDetector(
          child: SizedBox(
            width: 190,
            height: 190,
            child: FlareActor(
              'assets/Minus_Animation_Button.flr',
              animation: 'Stay',
              controller: _Animation_Minus,
              sizeFromArtboard: false,
              fit: BoxFit.cover,
            ),
          ),
          onTap: _CheckMinus(),
        ),
      ),
    ],
  ),

我英文不是很好
非常感谢!

Answer 1

有几种方法可以做到这一点。我会尝试其中一些工具/选项的组合:

通过将适合的布局和对齐方式更改为适合您的布局的方式来帮助对齐(我会尝试适合:BoxFit.contain和alignment:首先是Alignment.bottomCenter)。

通过为您的FlareActor提供true来更改您的画板的尺寸，并告诉FlareActor从其画板上调整大小(在Flutter中使用内在大小)。

使用自定义形状使用替代范围(而不是画板的范围)。如果您想要的边界框与画板本身不同，这将很有帮助。在Rive中，在感兴趣的项目上方创建一个不可见的矩形(例如另一个画板/边界)。为其命名，以便在Flutter中进行引用(例如“boundsRectangle”)。然后向FlareActor小部件提供boundsNode:“boundsRectangle”。