شرح استخدام ويدجت BottomSheet في فلاتر

void _showBottomSheet(BuildContext context) {
  showModalBottomSheet<void>(
    context: context,
    backgroundColor: Colors.grey[200],
    builder: (BuildContext context) {
      return Container(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            const ListTile(
              leading: Icon(Icons.music_note),
              title: Text('Music'),
              subtitle: Text('Select your favorite music'),
            ),
            const ListTile(
              leading: Icon(Icons.videocam),
              title: Text('Video'),
              subtitle: Text('Select your favorite video'),
            ),
          ],
        ),
      );
    },
  );
}

void _showBottomSheet(BuildContext context) {
  showModalBottomSheet<void>(
    context: context,
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.only(
        topLeft: Radius.circular(20.0),
        topRight: Radius.circular(20.0),
      ),
    ),
    builder: (BuildContext context) {
      return Container(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            const ListTile(
              leading: Icon(Icons.music_note),
              title: Text('Music'),
              subtitle: Text('Select your favorite music'),
            ),
            const ListTile(
              leading: Icon(Icons.videocam),
              title: Text('Video'),
              subtitle: Text('Select your favorite video'),
            ),
          ],
        ),
      );
    },
  );
}

void _showBottomSheet(BuildContext context) {
  showModalBottomSheet<void>(
    context: context,
    elevation: 5.0,
    builder: (BuildContext context) {
      return Container(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            const ListTile(
              leading: Icon(Icons.music_note),
              title: Text('Music'),
              subtitle: Text('Select your favorite music'),
            ),
            const ListTile(
              leading: Icon(Icons.videocam),
              title: Text('Video'),
              subtitle: Text('Select your favorite video'),
            ),
          ],
        ),
      );
    },
  );
}

void _showBottomSheet(BuildContext context) {
  showModalBottomSheet<void>(
    context: context,
    clipBehavior: Clip.hardEdge,
    builder: (BuildContext context) {
      return Container(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            const ListTile(
              leading: Icon(Icons.music_note),
              title: Text('Music'),
              subtitle: Text('Select your favorite music'),
            ),
            const ListTile(
              leading: Icon(Icons.videocam),
              title: Text('Video'),
              subtitle: Text('Select your favorite video'),
            ),
          ],
        ),
      );
    },
  );
}