android - 如何在 flutter 中设置 Transform.translate() 动画的持续时间？

Question

我目前正在尝试学习 flutter 并尝试在 flutter 中制作井字游戏。我想要我的游戏，当我点击一个瓷砖时，圆圈和十字从上面落下。我正在尝试使用 Transform.Translate() 两次来实现这一点。像这样

GridTile(
          child: Transform.translate(
            child: Transform.translate(
              child: Image.asset(
                MultiPlayerGameLogic().imageProvider(i),
                fit: BoxFit.scaleDown,
              ),
              offset: Offset(0, -1000),
            ),
            offset: Offset(0, 1000),
          ),
        )

但这会立即发生并且看不到任何动画。我想设置外部 Transform.translate() 的持续时间。但找不到任何方法。

Answer 1

我正在使用 Transform.translate() 和 Animation

    AnimationController controller;
    Animation<double> animation;

    @override
    void initState() {
       super.initState();
        controller = new AnimationController(
           duration: Duration(seconds: 3), vsync: this)..addListener(() => 
           setState(() {}));
        animation = Tween(begin: -500.0, end: 500.0).animate(controller);
        controller.forward();
     }

    @override
    Widget build(BuildContext context) {
      return Scaffold(
          body: Transform.translate(
           child: Image.asset('image_path'),
           offset: Offset(animation.value, 0.0),
      ));
    }

    @override
    void dispose() {
      controller.dispose();
      super.dispose();
    }