中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
使用自定义弹窗CustomDialog的时候,build中的跟组件宽度设置的100%,alignment:设置的DialogAlignment.Bottom,为啥弹窗显示后,弹窗左右和下面就会有一块小的间距,并没有占满,有什么设置可以取消这个间距。设计图是占满的样子
微信扫码分享
@Entry @Component struct bindsheet { @State isShow:boolean = false; @Builder myBuilder() { Column() { Text('Hello Word') .fontSize(50) .fontWeight(FontWeight.Bold) .margin(10) } } build() { Row() { Column() { Button("打开bindsheet弹窗") .onClick(() => { this.isShow = true }) .fontSize(20) .margin(10) } .width("100%") .height("100%") .bindSheet($$this.isShow, this.myBuilder(), { detents: [SheetSize.MEDIUM, SheetSize.LARGE, 200], backgroundColor: Color.White, blurStyle: BlurStyle.Thick, showClose: false, dragBar:true,//默认显示控制条 }) }.width("100%") .backgroundColor("#ff578ddd") } }