Flutter:AnimatedList动画曲线

时间:2020-03-20 17:05:41

标签: flutter animation flutter-animation

如何为我的AnimatedList的动画添加曲线(例如Curves.easeIn)?

Area

1 个答案:

答案 0 :(得分:1)

您应该在 Tween 上调用 chain 方法。 方法采用 CurveTween ,而 CurveTween 采用曲线

尝试一下

    AnimatedList(
        key: _animList,
        initialItemCount: _myList.length,
        itemBuilder: (context, index, animation) {
          return SlideTransition(
              position: animation.drive(
                  Tween(begin: Offset(1, 0), end: Offset(0, 0))
                      .chain(CurveTween(curve: Curves.bounceIn))),
              child: Container(color: Colors.red, height: 100, width: 100));
        });