fullscreen - Flutter如何进入全屏模式

Question

我使用 setEnabledSystemUIOverlays 隐藏状态栏和虚拟按钮栏。

但是屏幕的顶部和底部都有空白（如图所示）：

有谁知道如何解决它？

这是我的代码：

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  SystemChrome.setEnabledSystemUIOverlays([]);
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: "Test",
      home: new MyHomePage(title: "Test"),
    );
  }
}

class MyHomePage extends StatelessWidget {
  final String title;

  MyHomePage({Key key, this.title}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text(title),
      ),
      body: new Container(
        color: Colors.red,
      ),
    );
  }
}

标签： fullscreenflutter

Answer 1

将 resizeToAvoidBottomPadding: false 设置为 Scaffold。

   return Scaffold(
      resizeToAvoidBottomPadding: false,
   );