如何在状态栏后面绘制列表视图而无需填充？

Question

这就是我想要实现的目标：

这就是我现在所拥有的：

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: _scaffoldKey,
      body: ListView(
        children: [
          Image.asset(
            'assets/images/videosbg.png',
            fit: BoxFit.cover,
            height: 300,
            width: double.infinity,
          ),
          ...
        ],
      ),
    );
  }

我不想删除状态栏或更改其颜色，因此 SystemChrome 不适合我。

如何将脚手架主体放置在状态栏后面而不是下面？我是否需要以某种方式删除状态栏的上部填充？

Answer 1

ListView 有 padding 属性，将其设置为EdgeInsets.zero

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: _scaffoldKey,
      body: ListView(
        padding: EdgeInsets.zero,
        children: [
          Image.asset(
            'assets/images/videosbg.png',
            fit: BoxFit.cover,
            height: 300,
            width: double.infinity,
          ),
          ...
        ],
      ),
    );
  }

仅供参考https://github.com/flutter/flutter/issues/14842