如何在没有状态栏的情况下设置 Flutter AppBar 透明

Question

我尝试使用设置一个透明的应用栏。

return Scaffold(
  extendBodyBehindAppBar: true,
      appBar: AppBar(
      backgroundColor: Colors.transparent,
      elevation: 0.0,
  ),
)

当我添加安全区域小部件时，状态栏会变暗。未显示时间和其他指标。

如何在不使用状态栏的情况下使用 Flutter 仅设置 AppBar 透明？

Answer 1

您可以尝试使用 Stack 小部件来达到您的目的：

           Scaffold(
            body: Stack(
              children: <Widget>[
                Scaffold(
                  backgroundColor: Colors.transparent,
                  extendBodyBehindAppBar: true,
                  appBar: AppBar(
                    centerTitle: true,
                    title: Text(
                      "Transparent AppBar",
                      style: TextStyle(color: Colors.red),
                    ),
                    backgroundColor: Colors.transparent,
                    elevation: 0.0,
                  ),
                  body: SingleChildScrollView(
                    child: Column(
                      children: [
                        new Placeholder(
                          fallbackHeight: 500,
                          color: Colors.red,
                        ),
                        new Placeholder(
                          fallbackHeight: 500,
                          color: Colors.green,
                        ),
                      ],
                    ),
                  ),
                ),
              ],
            ),
          )