鸿蒙-右边固定长度，左边超长Text自适应

小蘑菇2018

已于 2024-09-04 11:34:30 修改

阅读量254

点赞数 1

文章标签：鸿蒙 harmonyos

于 2024-09-03 15:13:36 首次发布

本文链接：https://blog.csdn.net/m0_51170428/article/details/141862557

版权

方式一：

@Entry
@Component
struct test {
  build() {
    Row() {
      Column() {
        Text('长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串')
          .maxLines(1)
          .textOverflow({ overflow: TextOverflow.Ellipsis })
      }.layoutWeight(1).backgroundColor(Color.Pink)

      Column() {
        Text('固定长度')
      }.width(100)
    }
    .width('90%')
    .height(100)
    .margin({ top: 100 })
    .justifyContent(FlexAlign.Start)
    .border({ width: 1 })
  }
}

方式二：
@Entry
@Component
struct test {
  build() {
    Row() {
      Column() {
        Text('长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串')
          .maxLines(1)
          .textOverflow({ overflow: TextOverflow.Ellipsis })
          .constraintSize({maxWidth:'calc(100% - 100vp)'})
      }.flexGrow(1).backgroundColor(Color.Pink)
      Column() {
        Text('固定长度')
      }.width(100)
    }.width('90%').height(100).margin({ top: 100 }).justifyContent(FlexAlign.Start).border({width:1})
  }
}