Flutter 挖孔屏的状态栏占用问题怎么解决，横屏后去掉了状态栏，还是会有一块黑色的竖条-Toy模板网

这篇具有很好参考价值的文章主要介绍了Flutter 挖孔屏的状态栏占用问题怎么解决，横屏后去掉了状态栏，还是会有一块黑色的竖条。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

使用下方代码后依旧有一条黑色的区域

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    ///关闭状态栏，与底部虚拟操作按钮
    SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual, overlays: []);//隐藏状态栏，底部按钮栏
    SystemChrome.setPreferredOrientations([
      DeviceOrientation.landscapeLeft,
      DeviceOrientation.landscapeRight,
    ]);
  }
  @override
  void dispose() {
    // TODO: implement dispose
    super.dispose();
    ///显示状态栏，与底部虚拟操作按钮
    SystemChrome.setEnabledSystemUIOverlays(
        [SystemUiOverlay.top, SystemUiOverlay.bottom]);
    SystemChrome.setPreferredOrientations([
      DeviceOrientation.portraitUp,
      DeviceOrientation.portraitDown,
    ]);
  }

在这种情况下是因为相机，你可以通过以下方式解决这个问题：
android/app/src/main/res/values/styles.xml
并添加以下行：

<item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>

这就是我的“styles.xml”现在的样子：

<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar">
<item name="android:windowBackground">@drawable/launch_background</item>
</style>
<style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
<item name="android:windowBackground">?android:colorBackground</item>
<item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item> <!-- This is the added line -->
</style>
</resources>

如果你在“values-nigh”文件夹中有另一个“styles.xml”文件，请确保对它做同样的操作。文章来源地址https://www.toymoban.com/news/detail-726146.html

到了这里，关于Flutter 挖孔屏的状态栏占用问题怎么解决，横屏后去掉了状态栏，还是会有一块黑色的竖条的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！