flutter - 如何在颤振中绕过画板（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. 通过提供 sizeFromArtboard: true 到你的 FlareActor 来改变你的画板的尺寸并告诉 FlareActor 从他们的画板上调整大小（在 Flutter 中使用固有大小）。

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