flutter - 如何在 Transform 动画 Flutter 中固定位置 'Matrix.translationValues'？

Question

我使用 Matrix4.translationValues 创建了自定义 float 操作栏，包括动画子菜单。

你可以查看我的gists here

这是我按下 float 操作按钮后子菜单动画位置的代码:

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
        Transform(
          transform: Matrix4.translationValues(
            0.0,
            _translateButton.value * 1.8,
            0.0,
          ),
          child: add(),
        ),
        Transform(
          transform: Matrix4.translationValues(
            _translateButton.value * 0.8,
            _translateButton.value * 1.0,
            0.0,
          ),
          child: image(),
        ),
        Transform(
          transform: Matrix4.translationValues(
            0.0,
            _translateButton.value * 1.0,
            0.0,
          ),
          child: inbox(),
        ),
        toggle(),
      ],
    );
  }

下面是代码上方的输出截图: Screenshoot

我的问题是如何将最后一个子菜单项设置到正确的位置，而不是中心位置？

Answer 1

为了将收件箱按钮向右移动，您必须对 X 轴使用负值，如下所示:

 Transform(
      transform: Matrix4.translationValues(
        _translateButton.value * -0.8,
        _translateButton.value * 1.0,
        0.0,
      ),
      child: inbox(),
    ),