1

計画

AnimatedListこんにちは、 Flutter の使い方を学んでいます。を使用して、リストに要素を追加および削除できましたSizeTransition。

コード

Widget _buildItem(
    BuildContext context, int index, Animation<double> animation) {
  return SizeTransition(
    sizeFactor: animation,
    axis: Axis.vertical,
    child: Padding(
      padding: const EdgeInsets.all(8.0),
      child: Container(
        height: 50,
        color: Colors.orange,
        child: SizedBox(
          child: Center(
            child: Text(displayList[index].toString()),
          ),
        ),
      ),
    ),
  );
}

このトランジションにカスタム カーブを追加する方法がわかりません。これは可能ですか？

4

1 に答える 1

2

素晴らしい質問です。

ドキュメントの例で言及されているように、次を使用できますCurvedAnimation。

CurvedAnimation(
  parent: animation,
  curve: Curves.ease,
  reverseCurve: Curves.easeOut,
),

reverseCurveパラメータはオプションです。逆向きのカーブが指定されていない場合、カーブしたアニメーションはcurve両方向に を使用します。
コードに適用:

return SizeTransition(
  sizeFactor: CurvedAnimation(
    parent: animation,
    curve: Curves.ease,
  ),
  ...
)
于 2019-11-16T16:58:39.753 に答える