颤动中的移动小部件

Posted 2021-03-26

我正在尝试制作一个按下按钮，图像将移至特定位置。我找到了一个动画AnimatedAligned，但是该类似乎不允许将小部件重新定位到原始位置。任何大师都知道在这种情况下可以使用哪种动画？

答案

查看此...

class SlideTransitionHome extends StatefulWidget {
  @override
  _SlideTransitionHomeState createState() => _SlideTransitionHomeState();
}

class _SlideTransitionHomeState extends State<SlideTransitionHome>
    with SingleTickerProviderStateMixin {
  AnimationController _controller;
  Tween<Offset> controllerTween = Tween<Offset>(begin: Offset.zero, end: Offset(1,1));

  @override
  void initState() {
    super.initState();
    _controller = AnimationController(vsync: this, duration: Duration(seconds: 1));
  }

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Center(
          child: SlideTransition(
            position: _controller.drive(controllerTween),
            child: Container(
              decoration: BoxDecoration(
                color: Colors.pink,
                borderRadius: BorderRadius.circular(10),
              ),
              width: 100,
              height: 100,
            ),
          ),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: (){
          _controller.isDismissed ? _controller.forward() : _controller.reverse();
        },
      ),
    );
  }
}

输出：