0

Stack高さのウィジェットにコンテナがあります100.0Positioned以下のようにウィジェットを使って中央に配置しています

Container(
  width:100.0,
  height:100.0,
  child: Stack(
    fit: StackFit.expand,
    children: <Widget>[
      Positioned(
        top: 40.0,
        child: Container(
          width: 20.0,
          height: 20.0,
          color: Colors.red,
        ),
      )
    ],
  )
)

クリックすると親コンテナーの下部に移動し、もう一度クリックすると上部に戻ってから中央に戻るように、赤いコンテナーをアニメーション化したいと考えています。

使用してみCurves.elasticOutましたが、それだけでは十分なバウンスではありません。この効果を得るにはどうすればよいですか

4

2 に答える 2