#鸿蒙通关秘籍#处理鸿蒙应用中图文混合的复杂沉浸式场景的最佳实践是什么?

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
P3P风绘空

针对顶部和底部UI元素,分别通过 expandSafeArea 属性进行处理,以实现沉浸式效果。

bash @Entry @Component struct Index { build() { Swiper() { Column() { Image($r('app.media.start')) .height('50%').width('100%') .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP]) Column() { Text('HarmonyOS 第一课') .fontSize(32) .margin(30) Text('通过循序渐进的学习路径,无经验和有经验的开发者都可以掌握ArkTS语言声明式开发范式,体验更简洁、更友好的HarmonyOS应用开发旅程。') .fontSize(20).margin(20) }.height('50%').width('100%') .backgroundColor(Color.White) .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM]) } } .width('100%') .height('100%') .clip(false) } }

这种处理方式能在顶部和底部分别有效适配状态栏和导航条的覆盖。

分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS 沉浸状态栏最佳实践
286浏览 • 1回复 待解决
沉浸图文排列布局如何实现
350浏览 • 1回复 待解决
应用内整体换肤最佳实践
430浏览 • 1回复 待解决
HarmonyOS 图文混合问题
261浏览 • 1回复 待解决