如何在变换动画颤振中修复位置"矩阵.翻译值"？

Question

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

你可以在这里查看我的要点

这是我按下浮动动作按钮后子菜单动画位置的代码：

  @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(),
      ],
    );
  }

这是代码上方输出的屏幕截图：屏幕截图

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

Answer 1

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

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