Flutter - Drawer

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);
                // ...
              },
            ),
          ],
        ),
      ),
    );
  }
}

Epikod

Flutter – Drawer