How do I make a FAB transform into an action menu in Flutter

Question

I've seen multiple examples and projects that include a speed dial such as is found in Google's own Calendar app. But instead, I want to make a FAB transform into an action menu such as is demonstrated on material.io. They show a graphic that demonstrates this, but as I've found have not documented anyway to do this in the Flutter API. Would anybody know how to accomplish this whether it be in a package or custom code (I am fairly adept at Flutter and Dart)?

Answer 1

I think you can achieve this by using showModalBottomSheet
Give it a try :

 floatingActionButton: Builder(
            builder: (BuildContext context) {
              return FloatingActionButton(
                child: Icon(Icons.edit),
                    showModalBottomSheet(
                      context: context,
                      builder: (BuildContext context) {
                      return //widgets you want 
             });

          );
        })