Flutter SpeedDial 按钮旋转

Question

快速简洁。

我正在使用 SpeedDial (https://pub.dev/packages/flutter_speed_dial) 包。我想像在 Pinterest 上那样做我的 SpeedDialChild，但我不知道如何实现它。

Link 到 pinterest -> https://www.mediafire.com/file/led2dr764jrbcgl/video-1641299974.mp4/file

我有这个：

我想要这个：

   child: SpeedDial(
            buttonSize: const Size(80, 80),
            animationAngle: pi,
            useRotationAnimation: false,
            onPress: () {
              return;
            },
            foregroundColor: Colors.white,
            overlayColor: Colors.brown,
            elevation: 0,
            backgroundColor: const Color.fromARGB(255, 105, 30, 0),
            childrenButtonSize: (const Size.square(100)),
            direction: SpeedDialDirection.up,
            child: const Icon(
              Icons.add,
              size: 48,
            ),
            children: [
              SpeedDialChild(
                backgroundColor: const Color.fromARGB(190, 105, 30, 1),
                child: const Icon(
                  Icons.ac_unit_sharp,
                  size: 40,
                  color: Colors.green,
                ),
              ),
              SpeedDialChild(
                backgroundColor: const Color.fromARGB(190, 105, 30, 1),
                child: const Icon(
                  Icons.account_box,
                  size: 40,
                  color: Colors.blue,
                ),
              ),
            ],
          ),

Answer 1

请参考这个link

Expandable FAB

Answer 2

您可以使用以下软件包：

Flutter SpeedDial 按钮旋转

Flutter SpeedDial button rotation

user-interface

animation

transition

button

flutter