Implementing a Bottom Sheet

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'),
    ),
  ),
);
} }

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *