flutter - Flutter 全屏应用。摆脱android上应用程序底部的空白区域

Question

我曾经SystemChrome.setEnabledSystemUIOverlays([]);让我的颤振应用全屏显示。

状态栏已经消失了，但是我在导航栏曾经所在的底部得到了这个空白。

Answer 1

您可以设置resizeToAvoidBottomPadding为false开启Scaffold

Scaffold(
  resizeToAvoidBottomPadding: false,
  appBar: new AppBar(),
);

Answer 2

这段代码对我有用，谢谢

@override
 Widget build(BuildContext context) {
    SystemChrome.setEnabledSystemUIOverlays([]);
    return Scaffold(
      resizeToAvoidBottomPadding: false
    )
 }

resizeToAvoidBottomPadding 已被弃用，现在您必须使用resizeToAvoidBottomInset

更新代码如下：

@override
 Widget build(BuildContext context) {
    SystemChrome.setEnabledSystemUIOverlays([]);
    return Scaffold(
      resizeToAvoidBottomInset: false
    )
 }

Answer 3

我使用了 resizeToAvoidBottomPadding = false 但有时导航栏所在的位置有白色填充。不一致，有时显示，有时不显示

Answer 4

使用 SystemChrome.setEnabledSystemUIOverlays([]); 在您的小部件中，它将完美运行：

@override
  Widget build(BuildContext context) {

    // To make this screen full screen.
    // It will hide status bar and notch.
    SystemChrome.setEnabledSystemUIOverlays([]);

    // full screen image for splash screen.
    return Container(
            child: new Image.asset('assets/splash.png', fit: BoxFit.fill));
      }
    }

记得导入这个

import 'package:flutter/services.dart';