HarmonyOS actionsheet如何设置按钮高度？

actionsheet如何设置按钮高度图中为actionsheet的效果，每个选项高度怎么设置，没在api中找到，这样的高度不能用吧？

HarmonyOS actionsheet如何设置按钮高度？-鸿蒙开发者社区

HarmonyOS

FengTianYa

2024-10-22 10:30:05

浏览

回答 1

待解决

回答 1

按赞同

按时间

zxjiu

开发者当前缺失高度设置能力，已反馈给操作系统，

可以先通过换行符或者icon占位方案实现，示例demo如下：

@Entry  
@Component  
struct ActionSheetExample {  
  build() {  
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {  
      Button('Click to Show ActionSheet')  
        .onClick(() => {  
          ActionSheet.show({  
            title: 'ActionSheet title',  
            message: 'message',  
            autoCancel: true,  
            confirm: {  
              value: 'Confirm button',  
              action: () => {  
                console.log('Get Alert Dialog handled')  
              }  
            },  
            cancel: () => {  
              console.log('actionSheet canceled')  
            },  
            alignment: DialogAlignment.Bottom,  
            offset: { dx: 0, dy: -10 },  
            sheets: [  
              {  
                title: 'apples',  
                action: () => {  
                  //方案一：添加占位符 '/n'  
                  console.log('apples'+'/n')  
                }  
              },  
              {  
                title: 'bananas',  
                //方案二：导入图片，设置图片宽高撑出高度  
                icon:$r('app.media.food'),  
                action: () => {  
                  console.log('bananas')  
                }  
              },  
              {  
                title: 'pears',  
                action: () => {  
                  console.log('pears')  
                }  
              }  
            ]  
          })  
        })  
    }.width('100%')  
    .height('100%')  
  }  
}