HarmonyOS 高度自适应

一个父组件 row,里面包含两个 text 组件,其中父组件row 的高度未设定,text1 的高度根据内容自适应,text2 的高度用哪个api如何能时刻充满 row 即 跟 text1 高度时刻保持一致。

HarmonyOS
2024-10-25 11:31:55
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

参考demo:

@Entry  
@Component  
struct Index {  
  @State text1: string = 'Hello World1111111111111111111111111111111';  
  @State text2: string = 'ddd';  
  // 共同高度  
  @State commonheight:string = ""  
  build() {  
    Row() {  
      Text(this.text1).onAreaChange((oldValue: Area, newValue: Area)=>{  
        // 组件区域变化时触发onAreaChange回调。仅会响应由布局变化所导致的组件大小、位置发生变化时的回调。由绘制变化所导致的渲染属性变化不会响应回调,如translate、offset。  
        this.commonheight = JSON.stringify(newValue.height)  
        // 可以看到里面还可以获取宽度等一些列属性  
        console.info(`Ace: on area change, oldValue is ${JSON.stringify(oldValue)} value is ${JSON.stringify(newValue)}`)  
      }).width('50%')  
      Text(this.text2).width('50%').height(this.commonheight)  
  
    }.height('auto')  
  }  
}
分享
微博
QQ
微信
回复
2024-10-25 14:56:31
相关问题
HarmonyOS RelativeContainer无法自适应高度
352浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
759浏览 • 1回复 待解决
HarmonyOS web的高度自适应内容的高度
69浏览 • 1回复 待解决
HarmonyOS Grid高度根据内容自适应
55浏览 • 1回复 待解决
HarmonyOS 高度自适应的问题
340浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
413浏览 • 1回复 待解决
HarmonyOS Grid自适应高度和拖拽问题
529浏览 • 1回复 待解决
HarmonyOS 自适应父组件高度问题
1112浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
1023浏览 • 1回复 待解决
Grid组件如何实现高度自适应
3261浏览 • 1回复 待解决
Web组件如何实现高度自适应
1055浏览 • 1回复 待解决