Flutter AdaptiveScaffold实现咨询：单实例父容器还是每页单独实例？

对于你的传统导航抽屉需求，Flutter团队推荐的是选项1：用单个AdaptiveScaffold实例作为所有页面的父容器，原因如下：

1. 贴合组件设计初衷
   AdaptiveScaffold的核心价值就是提供一套统一的自适应导航框架，涵盖抽屉、底部导航栏、平板/桌面端侧边栏等场景。用单实例作为父容器，能保证全局导航状态（比如选中的菜单项）的一致性，无需在多个页面中重复维护导航状态。

2. 减少代码冗余
   所有页面共享同一个导航容器，你只需要维护不同页面的内容部分，不需要为每个页面单独编写Scaffold的导航逻辑、抽屉结构等重复代码。

3. 统一适配逻辑
   自适应布局的断点配置（比如从手机切换到平板时的布局变化）只需要在父容器中设置一次，所有页面都会自动继承这套适配规则，避免每个页面重复处理适配逻辑。

简单实现示例 #

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

  @override
  State<MainScaffold> createState() => _MainScaffoldState();
}

class _MainScaffoldState extends State<MainScaffold> {
  int _selectedNavIndex = 0;
  final List<Widget> _pageList = const [
    HomePage(),
    SettingsPage(),
    PaymentsPage()
  ];

  @override
  Widget build(BuildContext context) {
    return AdaptiveScaffold(
      selectedIndex: _selectedNavIndex,
      onSelectedIndexChange: (index) => setState(() => _selectedNavIndex = index),
      // 全局统一的导航抽屉
      drawer: const Drawer(
        child: NavigationDrawer(
          children: [
            NavigationDrawerDestination(
              icon: Icon(Icons.home_outlined),
              selectedIcon: Icon(Icons.home),
              label: Text('首页'),
            ),
            NavigationDrawerDestination(
              icon: Icon(Icons.settings_outlined),
              selectedIcon: Icon(Icons.settings),
              label: Text('设置'),
            ),
            NavigationDrawerDestination(
              icon: Icon(Icons.payment_outlined),
              selectedIcon: Icon(Icons.payment),
              label: Text('支付'),
            ),
          ],
        ),
      ),
      // 根据选中索引切换页面内容
      body: (_) => _pageList[_selectedNavIndex],
    );
  }
}

什么时候考虑选项2？ #

只有当某个页面需要完全独立的导航配置时（比如某个页面不需要全局抽屉，或者有专属的导航栏/侧边栏），才需要为该页面单独实现AdaptiveScaffold。但你的需求是传统统一导航抽屉，选项1完全能满足需求，且更简洁高效。

内容的提问来源于stack exchange，提问作者Jaja Harris