半模态转场如何控制固定高度

半模态转场如何控制固定高度

HarmonyOS
2024-01-21 12:39:29
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
maxdl

可以通过bindSheet的options?: SheetOptions参数对高度进行控制,暂不支持控制固定宽度。

代码示例

@Entry 
@Component 
struct SheetTransitionExample { 
  @State isShow: boolean = false; 
  @State sheetHeight: number = 300; 
 
  @Builder 
  myBuilder() { 
    Column() { 
      Button('change height') 
        .margin(10) 
        .fontSize(20) 
        .onClick(() => { 
          this.sheetHeight = 500; 
        }) 
 
      Button('Set Illegal height') 
        .margin(10) 
        .fontSize(20) 
        .onClick(() => { 
          this.sheetHeight = 0; 
        }) 
    } 
    .width('100%') 
    .height('100%') 
  } 
 
  build() { 
    Column() { 
      Button('transition modal 1') 
        .onClick(() => { 
          this.isShow = true; 
        }) 
        .fontSize(20) 
        .margin(10) 
        .bindSheet(this.isShow, this.myBuilder(), { height: this.sheetHeight, backgroundColor: Color.Green }) 
    } 
    .justifyContent(FlexAlign.Center) 
    .width('100%') 
    .height('100%') 
  } 
}

参考链接

半模态转场

分享
微博
QQ
微信
回复
2024-01-22 15:00:08
相关问题
应用怎么实现模态效果
71浏览 • 1回复 待解决
如何获取系统屏幕固定
1542浏览 • 0回复 待解决
请问如何去掉ability的转场动画?
9218浏览 • 2回复 待解决
Grid组件如何实现高度自适应
76浏览 • 1回复 待解决
如何固定应用窗口大小并居中展示
78浏览 • 1回复 待解决
ArkUI转场动画可以改颜色吗?
73浏览 • 1回复 待解决
组件最大和最小宽度和高度如何设置
111浏览 • 1回复 待解决
鸿蒙如何获取导航栏和状态栏高度
9004浏览 • 1回复 待解决
如何根据环境控制日志输出级别
144浏览 • 1回复 待解决
如何获取组件高度,有人知道吗?
48浏览 • 1回复 待解决
如何自定义Video组件控制栏样式
167浏览 • 1回复 待解决
watch3如何获取海拔高度
589浏览 • 1回复 待解决
如何获取状态栏和导航栏高度
85浏览 • 1回复 待解决
状态栏的高度怎么获取呢
7639浏览 • 3回复 待解决
鸿蒙上如何获取挖孔区域的高度
3859浏览 • 1回复 待解决
有谁知道如何获取状态栏高度
77浏览 • 1回复 待解决