Я хочу изменить fab of flutter таким образом, чтобы при нажатии оно выглядело как следующее изображение

Question

Я хочу изменить fab of flutter таким образом, чтобы он выглядел как это изображение при нажатии. Где 3 плитки могут в принципе содержать что-либо. Самое близкое, что я мог найти, было это: - https://pub.dev/packages/flutter_boom_menu спасибо заранее:)

Answer 1

Widget build(BuildContext context) {
    return Scaffold(
        floatingActionButton: BoomMenu(
      animatedIcon: AnimatedIcons.menu_close,
      animatedIconTheme: IconThemeData(size: 22.0),
      //child: Icon(Icons.add),
      onOpen: () => print('OPENING DIAL'),
      onClose: () => print('DIAL CLOSED'),
      scrollVisible: scrollVisible,
      overlayColor: Colors.black,
      overlayOpacity: 0.7,
      children: [
        MenuItem(
          child: ConstrainedBox(
  constraints: new BoxConstraints(
    minHeight: 5.0,
    minWidth: 5.0,
    maxHeight: 30.0,
    maxWidth: 30.0,
  ),
  child: new DecoratedBox(
    decoration: new BoxDecoration(color: Colors.red),
  ),
),
          backgroundColor: Colors.deepOrange,
          onTap: () => print('FIRST CHILD'),
        ),


      ],
    ),
    );
}