新版的DevEco Studio（5.0）存在预览中屏幕上下各有一条空白

这是因为系统分为安全区域和非安全区域，安全区域是页面的显示区域不会和系统设置的非安全区域（比如状态栏、导航栏区域）重叠。

less



 代码解读

复制代码

@Entry
@Component
struct Index {
  build() {
    Column(){
    }
    .width('100%')
    .height('100%')
    .backgroundColor(Color.Pink)
  }
}

javascript



 代码解读

复制代码

import { window } from '@kit.ArkUI';

在代码顶端引入以上代码后，于struct中填入

scss



 代码解读

复制代码

onPageShow(): void {
  window.getLastWindow(getContext(this),(err,data)=>{
    if(!err.code) {
      data.setWindowLayoutFullScreen(true);
    }
  })
}

全部代码如下

typescript



 代码解读

复制代码

import { window } from '@kit.ArkUI';
@Entry
@Component
struct Index {
  onPageShow(): void {
    window.getLastWindow(getContext(this),(err,data)=>{
      if(!err.code) {
        data.setWindowLayoutFullScreen(true);
      }
    })
  }
  build() {
    Column(){
    }
    .width('100%')
    .height('100%')
    .backgroundColor(Color.Pink)
  }
}

效果图：

源文：DevEco Studio 5.0去除上下白边--谁说这5.0拉的，这5.0太棒了

如有侵权请联系站点删除！