为什么 Scaffold 在 Android 中没有填充屏幕底部？

Question

我是颤振新手。我的屏幕没有其他任何东西——只有一个脚手架。不知道为什么，它没有填满整个屏幕。

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: MyHomePage(),
    ),
  );
}

class MyHomePage extends StatefulWidget {

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  void _incrementCounter() {
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    
    return Scaffold(
          backgroundColor: Colors.green,

          
    );
  }
}

Answer 1

我认为这是因为底部区域是 Android 导航栏的一部分，因此您需要显式更改其背景：

void main() {
  SystemChrome.setSystemUIOverlayStyle(
    const SystemUiOverlayStyle(systemNavigationBarColor: Colors.green),
  );

  runApp(
    MaterialApp(
      home: MyHomePage(),
    ),
  );
}

有关更多信息，请检查 文档。

Answer 2

您应该考虑使用 SafeArea Widget，它用于覆盖或不覆盖屏幕的顶部和底部：
https://api.flutter.dev/flutter/widgets/SafeArea-class。 html

底部是你关心的：

SafeArea(
  child: Scaffold(),
  bottom: false/true,
)

它知道当前上下文 MediaQuery 和 View Padding