如何将应用程序栏设置在页面顶部的状态栏下方？

Question

我想将我的AppBar移到页面顶部，并在显示时间和电池电量等的条形下可见。我该怎么做？

What I currently have

我想减少状态栏^^

下的当前内容

谢谢， 杰克

Answer 1

您可以用SafeArea小部件包装Scaffold。这样可以防止Scaffold以及AppBar也不会与状态栏（属于安全区域的一部分）重叠：

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: SafeArea(
        child: Scaffold(
          appBar: AppBar(),
          body: Center(
            child: Text('Foo'),
          ),
        ),
      ),
    );
  }
}