dart Flutter Android开发:如何消除状态栏和屏幕底部黑色“调整大小”区域留下差距?

pcww981p  于 2023-03-10  发布在  Flutter
关注(0)|答案(1)|浏览(470)

你好,
我正在使用flutter为android开发一个应用程序,想在屏幕上绘制图形。我已经删除了状态栏,并希望也删除它留下的间隙和底部的栏(见图形上的突出显示区域)。
目标SDK为33。
这是我的代码:

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

class CardDisplayScreen extends StatelessWidget {
  static const routeName = '/carddisplayscreen';
  const CardDisplayScreen({super.key});

  @override
  Widget build(BuildContext context) {
    SystemChrome.setPreferredOrientations([
        DeviceOrientation.landscapeLeft,
        DeviceOrientation.landscapeRight,
    ]);
     
    SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual, overlays: [
        SystemUiOverlay.bottom
    ]);

    double width = MediaQuery.of(context).size.width;
    double height = MediaQuery.of(context).size.height;

    return Material(
      child: CustomPaint(
        size: Size(width, height),
        painter: Design2(),
      ),
      color: Colors.white,
    );

  }
}
q3qa4bjr

q3qa4bjr1#

你必须设置覆盖空数组来隐藏状态栏和底部栏

  • overlays: []:隐藏状态栏和底部栏
  • overlays: [SystemUiOverlay.bottom]:仅显示底部栏
  • overlays: [SystemUiOverlay.top]:仅显示状态栏

参考:https://api.flutter.dev/flutter/services/SystemUiOverlay.html
我试过我的设备,它的工作似乎按照文档描述。如果仍然有一个差距,在您的状态栏甚至空阵列,请确保它不是您的边框屏幕

相关问题