在模态底部工作表上方显示 SnackBar

Question

我试图SnackBar在我的模态底表上方显示一个，但它不起作用。知道如何实现这一目标吗？

PS：将 SnackBar Behavior 设置为 Floating 不起作用。它仍然出现在模态底部工作表下方

谢谢

Answer 1

您将需要使用GlobalKey<ScaffoldState>来显示Snackbar所需的脚手架，因为您可以将其添加到下面的片段Scaffold中；showModalBottomSheet

GlobalKey在 Statefull 或 Stateless widget 类中定义您

final GlobalKey<ScaffoldState> _modelScaffoldKey = GlobalKey<ScaffoldState>();

在button媒体上你可以有；

                showModalBottomSheet(
                  context: context,
                  builder: (_) => Scaffold(
                      extendBody: false,
                      key: _modelScaffoldKey,
                      resizeToAvoidBottomInset: true,
                      body: FlatButton(
                        child: Text("Snackbar"),
                        onPressed: () {
                          _modelScaffoldKey.currentState.showSnackBar(SnackBar(
                            content: Text("Snackbar"),
                          ));
                        },
                      )),
                );

飞镖板

Answer 2

只需用Scaffold包裹您的子部件

await showModalBottomSheet(
   context: context,
   builder: (builder) => Scaffold(
      body: YourModalContentWidget()
   )
);

Answer 3

您是否尝试过将行为属性设置为浮动？

SnackBar(
  behavior: SnackBarBehavior.floating

这应该可以解决问题