Эшафот с полосой внизу, которая не должна быть там

Question

Мой эшафот отображает внизу планку, например:
, которую я там не поставил (я знаю, что это эшафот, потому что когда я его снимаю, планка исчезает). но я не могу сделать это без эшафот) это мой код:

class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    SystemChrome.setEnabledSystemUIOverlays([]);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.red,
      body: Column(
        children: <Widget>[
          Center(
            child: Text('Scaffold Bar test'),
          ),
          Container(
            height: MediaQuery.of(context).size.height - 88,
            child: ListView.builder(itemBuilder: (BuildContext context,int index) {
              return Container(
                height: 40.0,
                width: MediaQuery.of(context).size.width,
                color: index % 2 == 0 ? Colors.blue : Colors.orange,
              );
            }),
          ),
        ],
      ),
    );
  }
}

Answer 1

Установите resizeToAvoidBottomPadding: false в Scaffold.

И используйте MediaQuery.removePadding с removeTop: true, чтобы удалить ненужные отступы в верхней части ListView.builder.

Используйте Expanded вместо получения высоты от MediaQuery.

class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    SystemChrome.setEnabledSystemUIOverlays([]);
  }

  @override
  Widget build(BuildContext context) {
    return MediaQuery.removePadding(
      context: context,
      removeTop: true,
      child: Scaffold(
        backgroundColor: Colors.red,
        resizeToAvoidBottomPadding: false,
        body: Column(
          children: <Widget>[
            Center(
              child: Text('Scaffold Bar test'),
            ),
            Expanded(
              child: ListView.builder(itemBuilder: (BuildContext context,int index) {
                return Container(
                  height: 40.0,
                  width: MediaQuery.of(context).size.width,
                  color: index % 2 == 0 ? Colors.blue : Colors.orange,
                );
              }),
            ),
          ],
        ),
      ),
    );
  }
}