【问题标题】:How to bypass Artboard in flutter (Rive)如何在颤振中绕过画板(Rive)
【发布时间】:2020-09-05 19:28:10
【问题描述】:

如何绕过画板?
我想将我的按钮移到屏幕底部一点
我使用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(),
        ),
      ),
    ],
  ),

我英语不好 非常感谢!

【问题讨论】:

    标签: flutter dart flare rive


    【解决方案1】:

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

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

    2. 通过为您的 FlareActor 提供 sizeFromArtboard: true 来更改您的画板的尺寸并告诉 FlareActor 调整其画板的大小(在 Flutter 中使用固有大小)。

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

    【讨论】:

      猜你喜欢
      • 2021-08-02
      • 2020-09-02
      • 2021-07-15
      • 1970-01-01
      • 2021-11-11
      • 2021-03-17
      • 2019-05-06
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多