如何绕过颤振中的画板（Rive）

Question

如何绕过画板？
我想将我的按钮移到屏幕底部一点
我使用 bottomNavigationBar 但我的按钮从底部屏幕高

示例图片点击这里

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

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

1. 通过将适合和对齐更改为对您的布局有意义的内容来帮助对齐它（我会先尝试适合：BoxFit.contain 和对齐：Alignment.bottomCenter）。

2. 改变你的画板的尺寸，并告诉 FlareActor 从他们的画板中调整大小（在 Flutter 中使用固有大小）通过为你的 FlareActor 提供 sizeFromArtboard: true 。

3. 使用自定义形状使用备用边界（而不是画板的）。 如果您想要一个与画板本身不同的边界框，这会很有帮助。 在 Rive 中在感兴趣的项目上创建一个不可见的矩形（就像另一个画板/边界）。 将其命名为您可以在 Flutter 中引用的内容（例如“boundsRectangle”）。 然后将 boundsNode: "boundsRectangle" 提供给 FlareActor 小部件。