ArkTS如何实现一个底部弹窗?

ArkTS如何实现一个底部弹窗?


HarmonyOS
2024-07-05 18:02:40
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
江湖骗子嗷
Column({ space: 8 }) {
    Button("点我").onClick(() => {
      this.show = !this.show
    })
    Panel(this.show) { // 展示日程
      Column() {
        Text('Title')
        Divider()
        Text('This is content')
      }
    }
    .type(PanelType.Foldable)
    .mode(PanelMode.Half)
    .dragBar(true) // 默认开启
    .halfHeight(500) // 默认一半
    .showCloseIcon(true) // 显示关闭图标
    .onChange((width: number, height: number, mode: PanelMode) => {
      console.info(`width:${width},height:${height},mode:${mode}`)
    })
  }.width('100%')
  .height("100%")
  .justifyContent(FlexAlign.Start)
}
分享
微博
QQ
微信
回复
2024-07-06 10:56:31
相关问题
如何实现一个带动画的弹窗
213浏览 • 1回复 待解决
如何实现一个验证码弹窗子窗口
157浏览 • 1回复 待解决
如何在全局实现一个自定义dialog弹窗
2510浏览 • 1回复 待解决
如何实现一个折叠组件
684浏览 • 1回复 待解决
如何实现底部缓慢上升的弹窗动画
1629浏览 • 1回复 待解决
如何快速开发出一个自定义弹窗
176浏览 • 1回复 待解决
HarmonyOS 如何实现一个转圈效果
298浏览 • 2回复 待解决
HarmonyOS 如何实现一个遮罩层
121浏览 • 1回复 待解决
如何实现一个下拉菜单?
223浏览 • 1回复 待解决
如何在Native侧构建一个ArkTS对象
1864浏览 • 1回复 待解决
如何实现一个页面显示子窗口
295浏览 • 1回复 待解决
HarmonyOS 如何实现一个气泡聊天框
106浏览 • 1回复 待解决
如何判断一个对象实现了某个接口
946浏览 • 1回复 待解决
如何实现一个监听网络变化的方法
276浏览 • 1回复 待解决
如何实现一个倒计时器?
197浏览 • 1回复 待解决
有谁知道如何实现一个表格
1683浏览 • 1回复 待解决
如何实现一个自定义询问框
192浏览 • 1回复 待解决
如何实现一个GIF图显示指定次数
1906浏览 • 1回复 待解决