Flutter material抽屉导航到页面

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Material抽屉导航'),
        ),
        drawer: Drawer(
          child: ListView(
            padding: EdgeInsets.zero,
            children: <Widget>[
              DrawerHeader(
                child: Text('抽屉导航'),
                decoration: BoxDecoration(
                  color: Colors.blue,
                ),
              ),
              ListTile(
                title: Text('页面1'),
                leading: Icon(Icons.pageview),
                onTap: () {
                  Navigator.pop(context); // 关闭抽屉导航
                  Navigator.push(context, MaterialPageRoute(builder: (context) => Page1()));
                },
              ),
              ListTile(
                title: Text('页面2'),
                leading: Icon(Icons.pageview),
                onTap: () {
                  Navigator.pop(context); // 关闭抽屉导航
                  Navigator.push(context, MaterialPageRoute(builder: (context) => Page2()));
                },
              ),
            ],
          ),
        ),
        body: Center(
          child: Text('主页面'),
        ),
      ),
    );
  }
}

class Page1 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('页面1'),
      ),
      body: Center(
        child: Text('这是页面1'),
      ),
    );
  }
}

class Page2 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('页面2'),
      ),
      body: Center(
        child: Text('这是页面2'),
      ),
    );
  }
}