flutter 导航组件 AppBar 自定图标以及左右的抽屉

 

import 'package:flutter/material.dart';

class Home extends StatefulWidget {
  const Home({super.key});

  @override
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
          centerTitle: true,
          automaticallyImplyLeading: true,
          //leading: Icon(Icons.home),
          leading: Builder(builder: (BuildContext context) {
            return IconButton(
              icon: const Icon(Icons.face),
              onPressed: () {
                Scaffold.of(context).openDrawer();
              },
            );
          }),
          title: Text("home"),
          actions: [
            Builder(builder: (BuildContext context) {
              return IconButton(
                icon: const Icon(Icons.build),
                onPressed: () {
                  Scaffold.of(context).openEndDrawer();
                },
              );
            })
          ]),
      drawer: Drawer(
        child: Text("左侧边栏"),
      ),
      endDrawer: Drawer(
        child: Text("右侧边栏"),
      ),
      body: Center(child: Text('home')),
    );
  }
}

 

https://blog.51cto.com/u_15715491/5464747