Drawer Widget
Project Preview
- Interested in seeing the live demo? Click here to explore.
- Want to view the source code? Visit the project on GitHub.
Code Snippet
import 'package:flutter/material.dart';
class DrawerWidget extends StatefulWidget {
const DrawerWidget({super.key});
@override
State<DrawerWidget> createState() => _DrawerWidgetState();
}
class _DrawerWidgetState extends State<DrawerWidget> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Flutter Mapp"),
),
drawer: Drawer(
child: ListView(
children: [
ListTile(
title: const Text("Item 1"),
onTap: () {},
),
ListTile(
title: const Text("Item 1"),
onTap: () {},
)
],
),
),
// endDrawer: Drawer(
// child: ListView(
// children: [
// ListTile(
// title: const Text("Item 1"),
// onTap: () {},
// ),
// ListTile(
// title: const Text("Item 1"),
// onTap: () {},
// )
// ],
// ),
// ),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Builder(
builder: (context) => ElevatedButton(
onPressed: () {
Scaffold.of(context).openDrawer();
},
child: const Text('open Drawer'),
),
),
Builder(
builder: (context) => ElevatedButton(
onPressed: () {
Scaffold.of(context).openEndDrawer();
},
child: const Text('open End Drawer'),
),
),
],
),
),
);
}
}