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 RichText自适应高度
468浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
1286浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
936浏览 • 1回复 待解决
HarmonyOS webview高度不能自适应
387浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
395浏览 • 1回复 待解决
HarmonyOS web的高度自适应内容的高度
778浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
807浏览 • 1回复 待解决
HarmonyOS 高度自适应的问题
744浏览 • 1回复 待解决
HarmonyOS RelativeContainer自适应高度相关
514浏览 • 1回复 待解决
HarmonyOS List高度根据内容自适应
657浏览 • 1回复 待解决
HarmonyOS Grid高度根据内容自适应
514浏览 • 1回复 待解决
HarmonyOS Grid自适应高度和拖拽问题
1033浏览 • 1回复 待解决
HarmonyOS 如何实现自适应web的高度
324浏览 • 1回复 待解决
HarmonyOS List是否可以设置自适应高度
336浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
1506浏览 • 1回复 待解决
HarmonyOS 自适应父组件高度问题
1543浏览 • 1回复 待解决
HarmonyOS web组件怎么自适应高度
455浏览 • 1回复 待解决
HarmonyOS Grid组件能否高度自适应
472浏览 • 1回复 待解决
Grid组件如何实现高度自适应
3751浏览 • 1回复 待解决
Web组件如何实现高度自适应
1448浏览 • 1回复 待解决
HarmonyOS Grid组件能否自适应内容高度?
391浏览 • 1回复 待解决