HarmonyOS 如何实现左右两个Row的高度一致

如何实现左右两个Row的高度一致,左边Row高度随着右边Row的高度变化

HarmonyOS
2024-12-25 08:52:10
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

可以使用onAreaChange获取右边Row的高度,设置左侧的高度,参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-component-area-change-event-V5#onareachange

可以参考demo:

@Component
@Entry
struct Index{
  @State lineHeight:Length=20;
  build(){
    Row(){
      Column(){
        Line()
          .stroke('#CCCCCC')
          .startPoint([0,0])
          .endPoint([0,this.lineHeight])
          .stroke(Color.Red)
          .strokeWidth(5)
          .strokeDashArray([10,3])
          .height(this.lineHeight)
          .width(5)
      }
      Column(){
        Text('右侧组件区域').fontSize(20)
      }
      .onAreaChange((oldValue:Area,newValue:Area)=>{
        this.lineHeight=newValue.height
      })
      .height(100)
      .layoutWeight(1)
      .backgroundColor(Color.Gray)
    }
    .width('100%')
  }
}
分享
微博
QQ
微信
回复
2024-12-25 10:46:57
相关问题
ArkTS开发如何比较两个string是否一致 ?
6762浏览 • 3回复 待解决
文字空行高度与字体高度一致
2293浏览 • 1回复 待解决
redis如何实现双读一致问题?
3263浏览 • 1回复 待解决
两个重叠组件如何实现事件透传
933浏览 • 1回复 待解决
HarmonyOS 两个object怎么拼接成
310浏览 • 1回复 待解决
页面导航如何实现两个页面叠层
2049浏览 • 1回复 待解决
HarmonyOS 怎么把两个PixelMap合成
375浏览 • 2回复 待解决
HarmonyOS 如何合并两个对象
327浏览 • 1回复 待解决
HarmonyOS 如何比较两个日期大小?
621浏览 • 1回复 待解决
页面导航如何实现A B两个页面叠层
750浏览 • 1回复 待解决
HarmonyOS 关于两个权限区别
379浏览 • 1回复 待解决