flutter - 如何在 Flutter 的状态栏下方创建抽屉？

Question

我想做点什么like this ，但总是得到这个:

Scaffold(
  drawer: Drawer(..),
  ..
)

如何创建一个不显示在状态栏中的Drawer？

Answer 1

对于这种情况，Flutter 有 SafeArea widget .此小部件将确保不呈现任何内容，例如在状态栏下方，即添加了一个填充。

要将此应用于您的Drawer，您可以简单地用SafeArea包裹您的Drawer:

Scaffold(
  drawer: SafeArea(
    child: Drawer(..),
  ),
  ..
)

Screenshot of the drawer

您还可以使用可选参数 top、bottom、左 & 右，例如SafeArea(bottom: false, ..).