This example demonstrates how to show a bottom sheet with options when a button is pressed.
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Bottom Sheet Example',
theme: ThemeData(primarySwatch: Colors.blue),
home: BottomSheetExample(),
);
}
}
class BottomSheetExample extends StatelessWidget {
void _showBottomSheet(BuildContext context) {
showModalBottomSheet(
context: context,
builder: (context) {
return Container(
padding: EdgeInsets.all(16.0),
height: 200,
child: Column(
children: [
Text('Select an option', style: TextStyle(fontSize: 18)),
ListTile(
title: Text('Option 1'),
onTap: () {
Navigator.pop(context);
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('Selected Option 1')),
);
},
),
ListTile(
title: Text('Option 2'),
onTap: () {
Navigator.pop(context);
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('Selected Option 2')),
);
},
),
],
),
);
},
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('Bottom Sheet Example')),
body: Center(
child: ElevatedButton(
onPressed: () => _showBottomSheet(context),
child: Text('Show Bottom Sheet'),
),
),
);
}
}
Leave a Reply