HarmonyOS CustomDialog底部默认间距

CustomDialog与手机屏幕底部有一段间距,无法设置充满屏幕底部。customStyle为true,内部布局没有下边距。

HarmonyOS
2024-10-15 12:36:40
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

初始化自定义弹窗时,通过alignment参数设置对齐方式,通过offset设置弹窗偏移量。参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-methods-custom-dialog-box-V5#customdialogcontrolleroptions%E5%AF%B9%E8%B1%A1%E8%AF%B4%E6%98%8E

也可以使用半模态或者panel组件来实现,底部没有间距。panel组件可以参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-panel-V5

半模态参考代码:

@Entry  
@Component  
struct bindsheet {  
  @State isShow: boolean = false  
  @Builder  
  myBuilder() {  
    Column() {  
      Button("关闭弹窗")  
        .margin(10)  
        .fontSize(20)  
        .onClick(() => {  
          this.isShow = false;  
        })//通过点击事件将isShow属性变为false,bindSheet弹窗关闭  
    }  
    .width('100%')  
    .height('100%')  
  }  
  
  build() {  
    Column() {  
      Button("打开弹窗")  
        .onClick(() => {  
          this.isShow = true  
        })  
          //通过点击事件将isShow属性变为true,bindSheet弹窗弹出  
        .fontSize(20)  
        .margin(10)  
        .bindSheet($$this.isShow, this.myBuilder(), {  
          detents: [SheetSize.MEDIUM, SheetSize.LARGE, 200],  
          backgroundColor: Color.Gray,  
          showClose:false, //不显示关闭按钮  
          enableOutsideInteractive: true, //允许交互,不显示蒙层  
          blurStyle: BlurStyle.Thick,  
          preferType: SheetType.CENTER,  
          shouldDismiss: ((sheetDismiss: SheetDismiss) => {  
            console.log("bind sheet shouldDismiss")  
            sheetDismiss.dismiss()  
          })  
        })  
    }  
    .backgroundColor("#ff578ddd")  
    .justifyContent(FlexAlign.Start)  
    .width('100%')  
    .height('100%')  
  }  
}
分享
微博
QQ
微信
回复
2024-10-15 17:30:56
相关问题
HarmonyOS CustomDialog底部space
28浏览 • 1回复 待解决
Span组件设置行间距间距
606浏览 • 1回复 待解决
HarmonyOS 关于CustomDialog使用
369浏览 • 1回复 待解决
HarmonyOS @CustomDialog 调用 pushUrl
300浏览 • 1回复 待解决
HarmonyOS CustomDialog中弹AlertDialog问题
381浏览 • 1回复 待解决
HarmonyOS使用CustomDialog如何设置宽度
553浏览 • 1回复 待解决
如何设置镜像语言的左右间距
485浏览 • 1回复 待解决
HarmonyOS text如何设置行间距
50浏览 • 1回复 待解决
HarmonyOS customdialog使用问题
645浏览 • 1回复 待解决
HarmonyOS CustomDialog位置问题
341浏览 • 1回复 待解决
HarmonyOSCustomDialog自定义Dialog
272浏览 • 1回复 待解决
HarmonyOS 自定义弹窗CustomDialog问题
617浏览 • 1回复 待解决
如何设置分组列表的圆角和间距
1931浏览 • 1回复 待解决
customDialog焦点透传
859浏览 • 1回复 待解决
HarmonyOS Text组件设置行间距吗?
631浏览 • 0回复 待解决
HarmonyOS 使用customdialog不弹出
384浏览 • 1回复 待解决