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')  
  }  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
分享
微博
QQ
微信
回复
2024-10-25 14:56:31
相关问题
HarmonyOS RichText自适应高度
742浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
645浏览 • 1回复 待解决
HarmonyOS webview高度不能自适应
654浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
1264浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
1595浏览 • 1回复 待解决
HarmonyOS web的高度自适应内容的高度
1165浏览 • 1回复 待解决
HarmonyOS List高度根据内容自适应
1010浏览 • 1回复 待解决
HarmonyOS Grid高度根据内容自适应
834浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
1079浏览 • 1回复 待解决
HarmonyOS RelativeContainer自适应高度相关
766浏览 • 1回复 待解决
HarmonyOS 高度自适应的问题
1031浏览 • 1回复 待解决
HarmonyOS 如何实现自适应web的高度
623浏览 • 1回复 待解决
HarmonyOS Grid自适应高度和拖拽问题
1309浏览 • 1回复 待解决
HarmonyOS List是否可以设置自适应高度
635浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
1796浏览 • 1回复 待解决
HarmonyOS 自适应父组件高度问题
1868浏览 • 1回复 待解决
HarmonyOS Grid组件能否高度自适应
761浏览 • 1回复 待解决
HarmonyOS web组件怎么自适应高度
746浏览 • 1回复 待解决
Grid组件如何实现高度自适应
4143浏览 • 1回复 待解决
Web组件如何实现高度自适应
1734浏览 • 1回复 待解决
HarmonyOS Grid组件能否自适应内容高度?
660浏览 • 1回复 待解决