颤振自定义应用栏相对于状态栏的垂直位置

Question

我使用以下 link 中的示例来创建自定义 appBar。

代码有效，但应用栏位于 Android 状态栏后面的屏幕顶部

如何定位 appBar 使其开始呈现状态栏下？

使用的版本：

• Flutter 1.26.0-8.0.pre • 通道开发
• Android R30

Answer 1

有一个名为 SafeArea 的小部件，可以设置小部件的填充以避免状态栏的侵入。您可以将其用作：

// Use the SafeArea here to position the AppBar under the status bar
SafeArea( 
   child: Scaffold(
      appBar: PreferredSize(
        preferredSize: Size(double.infinity, 100),
        child: Container(
          decoration: BoxDecoration(

          // ... other lines