HarmonyOS 子组件超出父组件布局？

Question

Row布局撑满整个屏幕，Row布局里写了Text组件，当Text内容过长时，组件位置会超出父布局的位置；期望超出时应该截断

Answer 1

请参考示例：

@Entry
@Component
struct RowTestPage {
  @State message: string = '撒大声地按时大萨达所大声道啊实打实大厦大大萨达阿萨德阿萨德阿萨德阿萨德阿萨德阿萨德按时大厦阿萨德按时似懂非懂sad答复';

  build() {
    Row() {
      Row().backgroundColor(Color.Red)
        .width(50)
      Text(this.message)
        .fontSize(21)
        .ellipsisMode(EllipsisMode.END)
        .maxLines(1)
        .clip(true)
        .layoutWeight(1)
          // .constraintSize({maxWidth: 'calc(100% - 1vp)'})
        .textOverflow({overflow: TextOverflow.Ellipsis})
    }
    .height('100%')
    .width('100%')
    .clip(true)
    .padding({left:12})
  }
}