HarmonyOS 将页面顶部延伸到状态栏无效

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

可以参考此demo:

@Entry
@Component
struct Index {
  build() {
    Swiper() {
      Column() {
        Image($r('app.media.background'))
          .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%')
    // 关闭Swiper组件默认的裁切效果以便子节点可以绘制在Swiper外。
    .clip(false)
  }
}
分享
微博
QQ
微信
回复
8h前
相关问题
元服务顶部状态栏怎么设置标题
1826浏览 • 3回复 待解决
uiextension为什么不会避让顶部状态栏
779浏览 • 1回复 待解决
应用如何设置隐藏顶部状态栏
2446浏览 • 1回复 待解决
HarmonyOS 沉浸式状态栏
105浏览 • 1回复 待解决
沉侵式状态栏获取状态栏高度为0
389浏览 • 1回复 待解决