关于新版本artUI预览器 HarmonyOS 鸿蒙Next

关于新版本artUI预览器 HarmonyOS 鸿蒙Next deveco studio 之前4.0版本的时候安装之后

Column() { }

.width(‘100%’) .height(‘100%’)


运行在预览器那边是可以占满屏幕的，但是在其他电脑上安装了新版本5.0.7.210之后运行顶部和底部都会有空缺，将height的值改为900之后底部不会有空缺但是顶部依旧有，使用padding,margin等都无法解决，使用ai查询没能得到可以解决的方法。本人刚接触这个，求各位大佬赐教
3 回复

@Entry @Component struct Index { build() { Column() {

}
.width('100%')
.height('100%')
.backgroundColor(Color.Grey)
.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])

} }

这样就可以了。组件默认设置了安全区避让，所以默认头部和顶部会有留白。

安全区文档介绍：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-expand-safe-area-V5#expandsafearea

更多关于关于新版本artUI预览器 HarmonyOS 鸿蒙Next的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


谢谢大哥，了解了

鸿蒙Next中的新版本artUI预览器是用于开发者在鸿蒙操作系统上进行UI设计和预览的工具。它支持实时预览开发者设计的UI界面，帮助开发者快速查看和调整UI效果。artUI预览器与鸿蒙系统的分布式能力紧密结合，支持多设备协同开发，开发者可以在不同的设备上实时查看UI效果。该工具还支持多种分辨率、屏幕尺寸和设备类型的适配，确保UI在不同设备上的一致性。artUI预览器集成了鸿蒙系统的UI组件库，开发者可以直接使用这些组件进行设计，减少开发工作量。

回到顶部