#鸿蒙通关秘籍#如何使用组件安全区方案实现沉浸式效果?

HarmonyOS
2024-12-10 15:10:00
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
UI白驹过隙

在默认组件安全区方案下,开发者可以通过expandSafeArea属性选择性地将UI组件绘制扩展到状态栏和导航条区域,而不改变其布局。即便不显式设置窗口为全屏,通过此方案仍能实现沉浸式效果。

typescript @Entry @Component struct Example { build() { Column() { Row() { Text('顶部行').fontSize(40).textAlign(TextAlign.Center).width('100%') } .backgroundColor('#F08080') .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP])

  Row() {
    Text('内容行').fontSize(40)
  }.backgroundColor(Color.Orange).padding(20)

  Row() {
    Text('底部行').fontSize(40).textAlign(TextAlign.Center).width('100%')
  }
  .backgroundColor(Color.Orange)
  .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
}
.width('100%').height('100%').backgroundColor('#008000')

} }

分享
微博
QQ
微信
回复
2024-12-10 16:24:26
相关问题
HarmonyOS 安全区域出错
1007浏览 • 1回复 待解决
HarmonyOS 安全区域问题
1313浏览 • 1回复 待解决
HarmonyOS 安全区域失效
1036浏览 • 1回复 待解决
HarmonyOS 视频组件无法扩展其安全区
1368浏览 • 1回复 待解决
HarmonyOS WebView安全区域问题
822浏览 • 1回复 待解决
HarmonyOS scroll安全区域问题
1102浏览 • 1回复 待解决
HarmonyOS 沉浸方案
1425浏览 • 1回复 待解决