Flutter图标按钮快速拨号

Question

是否有一个现有的快速拨号小部件可以使用常规按钮或任何onclick事件？我发现这个小部件可以很好地与FloatingActionButton配合使用，但我需要一些可以与IconButton或RaisedButton配合使用的东西。我试着在容器中使用SpeedDial小工具，就像这样：

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

请在右侧和底部使用填充。检查以下代码。您需要为Text设置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'),
),
],
),
),
)