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

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

HarmonyOS
2天前
浏览
收藏 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
微信
回复
1天前
相关问题
ArkTS开发如何比较两个string是否一致 ?
6367浏览 • 3回复 待解决
文字空行高度与字体高度一致
2130浏览 • 1回复 待解决
redis如何实现双读一致问题?
3060浏览 • 1回复 待解决
两个重叠组件如何实现事件透传
648浏览 • 1回复 待解决
页面导航如何实现两个页面叠层
1966浏览 • 1回复 待解决
HarmonyOS 怎么把两个PixelMap合成
64浏览 • 2回复 待解决
HarmonyOS 如何比较两个日期大小?
319浏览 • 1回复 待解决
HarmonyOS 如何合并两个对象
54浏览 • 1回复 待解决
页面导航如何实现A B两个页面叠层
685浏览 • 1回复 待解决
HarmonyOS 关于两个权限区别
21浏览 • 1回复 待解决
HarmonyOS 两个网页间数据如何同步
19浏览 • 1回复 待解决
HarmonyOS 单位不一致问题
72浏览 • 1回复 待解决
HarmonyOS 两个同级组件问题
434浏览 • 1回复 待解决
HarmonyOS 怎么设置组件宽高一致
21浏览 • 1回复 待解决
如何判断判断两个日期是否是同
454浏览 • 1回复 待解决