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

HarmonyOS
2024-12-10 13:27:51
浏览
收藏 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
微信
回复
2024-12-10 14:18:29
相关问题
HarmonyOS 沉浸状态栏最佳实践
384浏览 • 1回复 待解决
沉浸图文排列布局如何实现
504浏览 • 1回复 待解决