在Flutter中显示Snackbar时向上移动底部对齐的小部件

时间:2019-05-10 21:31:42

标签: flutter flutter-layout

这是我面临的一个简单问题

class SO extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Align(
        alignment: Alignment.bottomCenter,
        child: Builder(
          builder: (BuildContext context) {
            return RaisedButton(
              onPressed: () => _showSnackbar(context),
              child: Text("show snackbar"),
            );
          },
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {},
      ),
    );
  }

  void _showSnackbar(BuildContext context) {
    Scaffold.of(context)
      ..hideCurrentSnackBar()
      ..showSnackBar(SnackBar(
        content: Text("this is snackbar"),
      ));
  }
}

显示Snackbar时,FloatingActionButton向上移动,但RaisedButton隐藏在Snackbar的后面。如何显示Snackbar不覆盖任何小部件?在Android中,我可以使用CoordinatorLayout。我应该在这里做什么?

output of code

0 个答案:

没有答案