HarmonyOS 列表选择弹窗 (ActionSheet)怎么设置sheets里每行的高度等样式

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
aquaa

可以先通过换行符或者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%')
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS actionsheet如何设置按钮高度
359浏览 • 1回复 待解决
HarmonyOS 关于actionsheet样式问题
42浏览 • 1回复 待解决
HarmonyOS Text怎么设置最大高度
22浏览 • 1回复 待解决
HarmonyOS 列表选择问题
22浏览 • 1回复 待解决
HarmonyOS 怎么设置无导航栏全局样式
39浏览 • 1回复 待解决
HarmonyOS 页面以弹窗样式弹出
570浏览 • 1回复 待解决
HarmonyOS 按钮下拉列表弹窗
161浏览 • 1回复 待解决
HarmonyOS 自定义弹窗选择
399浏览 • 1回复 待解决
HarmonyOS 列表高度不相同布局
268浏览 • 1回复 待解决
HarmonyOS 弹窗样式能否支持自定义
88浏览 • 1回复 待解决
HarmonyOS ActionSheet选项间距太小
32浏览 • 1回复 待解决