Question

是否存在可以与常规按钮或任何onclick事件配合使用的快速拨号小部件？我发现this小部件可以与FloatingActionButton一起使用，但是我需要一些可以与IconButton或RaisedButton一起使用的部件。我尝试在容器内使用SpeedDial Widget，如下所示：

Container(
                  child: SpeedDial(
                    overlayOpacity: 0.2,
                    animatedIcon: AnimatedIcons.menu_close,
                    children: [
                      SpeedDialChild(
                        child: Icon(Icons.ac_unit),
                        label: 'Second',
                        onTap: () => print('SECOND'),
                      ),
                      SpeedDialChild(
                        child: Icon(Icons.accessibility),
                        backgroundColor: Colors.red,
                        label: 'First',
                        labelStyle: TextStyle(fontSize: 18.0),
                        onTap: () => print('FIRST'),
                      ),
                    ],
                  ),
                ),

但是不幸的是，没有运气。我在右边看到一个无穷大像素。

Answer 1

请在右侧和底部使用填充。检查以下代码。您需要为文本设置TextStyle，还需要为孩子使用手动的高度和宽度。

Padding(
      padding: const EdgeInsets.fromLTRB(0, 0, 20, 20),
      child: Container(
        child: SpeedDial(
          overlayOpacity: 0.2,
          animatedIcon: AnimatedIcons.menu_close,
          children: [
            SpeedDialChild(
              child: Icon(Icons.ac_unit),
              label: 'Second',
              onTap: () => print('SECOND'),
            ),
            SpeedDialChild(
              child: Icon(Icons.accessibility),
              backgroundColor: Colors.red,
              label: 'First',
              labelStyle: TextStyle(fontSize: 18.0),
              onTap: () => print('FIRST'),
            ),
          ],
        ),
      ),
    )

颤振图标按钮快速拨号

1 个答案: