如何快速开发出一个自定义弹窗?

如何快速开发出一个自定义弹窗?

HarmonyOS
2024-08-06 17:11:50
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
彩云汽泡泡
@Entry
@Component
struct Index {
  //声明弹窗controller
  dialogController: CustomDialogController = new CustomDialogController({
    builder: MyDialog()
  })
  build() {
    Column() {
      Button().onClick(() => {
        //点击按钮,弹出弹窗
        this.dialogController.open()
      })
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}

//自定义弹窗
@CustomDialog
struct MyDialog {
  controller: CustomDialogController = new CustomDialogController({
    builder: MyDialog(),
  })

  build() {
    Column() {
      Text('我是弹窗内容内容')
        .fontSize(20)
        .margin({ top: 10, bottom: 10 })
    }
  }
}
分享
微博
QQ
微信
回复
2024-08-06 22:31:39
相关问题
如何在全局实现一个自定义dialog弹窗
2835浏览 • 1回复 待解决
如何实现一个自定义询问框
431浏览 • 1回复 待解决
HarmonyOS 实现一个自定义分类列表
291浏览 • 1回复 待解决
如何封装一个自定义Dialog对话框
2234浏览 • 1回复 待解决
如何实现一个自定义样式的toast提示
1957浏览 • 1回复 待解决
自定义弹窗自定义转场动画
1154浏览 • 1回复 待解决
使用自定义函数创建一个UI组
369浏览 • 1回复 待解决
怎样实现一个自定义播放器?
368浏览 • 1回复 待解决
实现一个自定义动画,出现丢帧问题
400浏览 • 1回复 待解决
开发自定义弹窗时报错如下
721浏览 • 1回复 待解决
如何添加一个自定义的代码文件夹
443浏览 • 1回复 待解决
如何自定义函数中创建一个UI组件
1832浏览 • 1回复 待解决
如何自定义弹窗中再次弹窗
2287浏览 • 1回复 待解决
自定义弹窗如何嵌套使用
1690浏览 • 1回复 待解决