Flutter中为何模态底部弹窗内可通过ScaffoldMessenger找到Scaffold？

已知信息 #

• 使用showModalBottomSheet打开模态底部弹窗时，BottomSheet会被添加为MaterialApp的子组件，而非触发它的页面Scaffold的子组件。
• 但通过BottomSheet构建器提供的context调用ScaffoldMessenger.of(context)时，仍能找到对应的Scaffold并显示SnackBar。
• 之前直接使用Scaffold.of(context)时，Flutter会报错提示遍历组件树时未找到Scaffold。

相关代码 #

void _incrementCounter() async {
    await showModalBottomSheet(
      useRootNavigator: true,
      isScrollControlled: true,
      context: context,
      barrierColor: Colors.yellow.withAlpha(20),
      useSafeArea: true,
      builder: (_) => DraggableScrollableSheet(
        expand: false,
        builder: (__, controller) => ListView(
          controller: controller,
          children: List<Widget>.generate(
            20,
            (index) => ListTile(
              leading: Icon(chooseIcon(index)),
              title: Text(chooseText(index)),
              onTap: () async {
                ScaffoldMessenger.of(__).showSnackBar(
                  const SnackBar(
                    content: Text('Hey, try this'),
                  ),
                );
              },
            ),
          ),
        ),
      ),
    );

    if (mounted) {
      setState(() {
        _counter++;
      });
    }
  }

问题 #

如你所见，我使用DraggableScrollableSheet构建器提供的__作为context。我忽略了什么关键点？

组件结构验证 #

核心解析 #

你忽略的关键点是**ScaffoldMessenger和Scaffold.of的查找逻辑存在本质差异**：

1. Scaffold.of(context)的查找逻辑：它会沿着组件树向上遍历，寻找最近的Scaffold实例。但由于BottomSheet被挂载在MaterialApp层级，和触发它的页面Scaffold属于不同的子树分支，所以用BottomSheet内的context调用Scaffold.of时，无法找到目标Scaffold，从而报错。
2. ScaffoldMessenger.of(context)的查找逻辑：它不是单纯遍历组件树，而是关联到当前路由对应的ScaffoldMessenger实例。当你调用showModalBottomSheet时传入的context来自触发弹窗的页面（包含目标Scaffold的页面），Flutter会将弹窗的路由与原页面路由关联，ScaffoldMessenger会通过路由上下文找到绑定到原页面Scaffold的Messenger，因此能正确将SnackBar显示到原页面的Scaffold上。

即使你使用的是DraggableScrollableSheet提供的__这个context，它继承自BottomSheet的context，但由于ScaffoldMessenger的路由关联机制，依然能定位到正确的ScaffoldMessenger。

内容的提问来源于stack exchange，提问作者Dhruvam Sharma