HarmonyOS 设置全屏后,NavDestination页面底部导航栏还是会留出来

HarmonyOS
19h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

参考以下代码,支持文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-develop-apply-immersive-effects-V5#section15671730447

底部默认留出的是安全区域。

// xxx.ets
@Entry
@Component
struct VideoCreateComponent {
  build() {
    Column() {
      Row() {
        Text('Top Row').fontSize(40).textAlign(TextAlign.Center).width('100%')
      }
      .backgroundColor('#F08080')
      // 设置顶部绘制延伸到状态栏
      .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP])
      Row() {
        Text('ROW2').fontSize(40)
      }.backgroundColor(Color.Orange).padding(20)
      Row() {
        Text('ROW3').fontSize(40)
      }.backgroundColor(Color.Orange).padding(20)
      Row() {
        Text('ROW4').fontSize(40)
      }.backgroundColor(Color.Orange).padding(20)
      Row() {
        Text('ROW5').fontSize(40)
      }.backgroundColor(Color.Orange).padding(20)
      Row() {
        Text('Bottom Row').fontSize(40).textAlign(TextAlign.Center).width('100%')
      }
      .backgroundColor(Color.Orange)
      .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
    }
    .width('100%').height('100%').alignItems(HorizontalAlign.Center)
    .justifyContent(FlexAlign.SpaceBetween)
    .backgroundColor(Color.Green)

  }
}
分享
微博
QQ
微信
回复
17h前
相关问题
HarmonyOS 怎么去掉底部导航
85浏览 • 1回复 待解决
HarmonyOS 获取手机底部导航高度
17浏览 • 1回复 待解决
HarmonyOS 如何获取底部导航高度?
44浏览 • 1回复 待解决
HarmonyOS 如何让内容超出底部导航
83浏览 • 1回复 待解决
HarmonyOS 导航跳转重置栈
3浏览 • 0回复 待解决
#鸿蒙通关秘籍#如何设置底部导航
163浏览 • 1回复 待解决
HarmonyOS 怎么设置导航全局样式
34浏览 • 1回复 待解决
如何设置状态导航的颜色
2996浏览 • 1回复 待解决