Flutter SpeedDial 按钮旋转答案

【问题标题】：Flutter SpeedDial button rotationFlutter SpeedDial 按钮旋转
【发布时间】：2022-01-04 13:02:06
【问题描述】：

快速简洁。

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

链接到 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,
                ),
              ),
            ],
          ),

【问题讨论】：

标签： flutter user-interface animation button transition

【解决方案1】：

请参考此链接

Expandable FAB

【讨论】：

【解决方案2】：

您可以使用以下软件包：

【讨论】：