Flutter drawer eklemek, AppBar widgeti kullanarak oldukça basittir. Öncelikle StatelessWidget oluşturun. AppBar widgetini ana Scaffold sınıfı içine ekleyin.
import 'package:flutter/material.dart';
class Example extends StatelessWidget {
const Example({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Title"),
),
);
}
}
Ardından, diğer bir widget olan Drawer‘ı olması gereken yere bırakın.
import 'package:flutter/material.dart';
class Example extends StatelessWidget {
const Example({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Title"),
),
drawer: Drawer(
child: ListView(
padding: EdgeInsets.zero,
children: [
const DrawerHeader(
decoration: BoxDecoration(
color: Colors.blue,
),
child: Text('Drawer Header'),
),
ListTile(
title: const Text('Item 1'),
onTap: () {
Navigator.pop(context);
// ...
},
),
],
),
),
);
}
}
