ArkTS-列表选择弹窗

最新推荐文章于 2024-07-11 13:34:01 发布

永不满足的求知者

最新推荐文章于 2024-07-11 13:34:01 发布

阅读量633

点赞数 7

分类专栏：鸿蒙ArkTS 文章标签：前端鸿蒙

本文链接：https://blog.csdn.net/qq_41154522/article/details/134708928

版权

鸿蒙ArkTS 专栏收录该内容

19 篇文章 3 订阅

订阅专栏

lieb

调用

每一个sheet中的action对应其点击事件

Button('列表选择弹窗')
 .onClick(() => {
   ActionSheet.show({
     title: '列表选择弹窗标题',
     message: '内容',
     autoCancel: true,
     confirm: {
       value: '确认',
       action: () => {
         console.log('Get Alert Dialog handled')
       }
     },
     cancel: () => {
       console.log('actionSheet canceled')
     },
     alignment: DialogAlignment.Bottom,
     offset: { dx: 0, dy: -10 },
     sheets: [
       {
         title: 'apples',
         action: () => {
           console.log('apples')
         }
       },
       {
         title: 'bananas',
         action: () => {
           console.log('bananas')
         }
       },
       {
         title: 'pears',
         action: () => {
           console.log('pears')
         }
       }
     ]
   })
 })