中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
如何实现带点击按钮回调的自定义弹窗?
微信扫码分享
@Entry @Component struct Index { //声明弹窗controller dialogController: CustomDialogController = new CustomDialogController({ builder: MyDialog({ onConfirm: () => { //点击确认按钮回调 }, onCancel: () => { //点击取消按钮回调 } }), alignment: DialogAlignment.Bottom, offset: { dx: 0, dy: "-20vp" } }) build() { Column() { Button("点我").onClick(() => { //点击按钮,弹出弹窗 this.dialogController.open() }) } .width('100%') .height('100%') .justifyContent(FlexAlign.Center) } } //自定义弹窗 @CustomDialog struct MyDialog { controller: CustomDialogController = new CustomDialogController({ builder: MyDialog(), }) onConfirm?: () => void onCancel?: () => void build() { Row({ space: 20 }) { Button("确认").onClick(() => { }) Button("取消").onClick(() => { }) }.padding(20) } }