What is this overlapped widget name?

Question

what is this overlap widget? or is this some kind of effect? please

Answer 1

It's called ModalBottomSheet , You can use this package to create powerful modal bottom sheets.

Answer 2

Use this function on button click:

void _settingModalBottomSheet(BuildContext context){
    showModalBottomSheet(
        context: context,
        builder: (BuildContext bc){
      return Container(
        child: new Wrap(
          children: <Widget>[
            new ListTile(
                leading: new Icon(Icons.music_note),
                title: new Text('Music'),
                onTap: () => {}
            ),
            new ListTile(
              leading: new Icon(Icons.videocam),
              title: new Text('Video'),
              onTap: () => {},
            ),
          ],
        ),
      );
    });
}