HarmonyOS Text组件里面的文本换行,如何让每行文案都居中?

export struct HWUIEmptyView {
  @State desc: string | Resource = ""
  @State img: Resource = $r('app.media.empty_page_nodata')

  build() {
    Column() {
      Image(this.img)
        .height('140vp')
        .width('140vp')
        .id("center_img")
      Text(this.desc)
        .width("80%")
        .fontColor($r('app.color.color_text_tertiary'))
        .fontSize($r('app.float.font_size14'))
        .textAlign(TextAlign.Center)
        .id("desc_tx")
    }
    .height('100%')
    .width('100%')
    .justifyContent(FlexAlign.Center)
  }
}

上面的代码文案不是每行都居中,如何处理?

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280

Text组件设置textAlign(TextAlign.Center)即可每行文案都居中,请参考demo:

@Entry
@Component
struct Index {

  build() {
    Row() {
      Column() {
        Text(
          '我是段落文字我是段落文字我是段落文字我是段落文字我是段落文字我是段落文字我是段落文字我是段落文字我是段落文字我是段落文字我是段落文字我是段落文字我是段落文字我是段落文字我是段落文字我是段落文字'
        )
          .fontSize(16)
          .textAlign(TextAlign.Center)
          .borderWidth(1)
          .padding(10)
          .width('100%')
      }
      .width('100%')
    }
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS Text行文本不能居中对齐
972浏览 • 1回复 待解决
怎么text文本排在image里面的右下角
818浏览 • 1回复 待解决
HarmonyOS Text组件中,文本怎么换行
156浏览 • 1回复 待解决
Text文本不垂直居中,该怎么处理呢?
3589浏览 • 1回复 待解决
HarmonyOS行文案不同字体大小
213浏览 • 1回复 待解决
如何实现标签随文本换行
1170浏览 • 1回复 待解决
HarmonyOS 文本居中
350浏览 • 1回复 待解决
HarmonyOS Text获取每行数据宽度
72浏览 • 1回复 待解决
HarmonyOS Text组件如何计算文本行数
178浏览 • 1回复 待解决
HarmonyOS 栅格布局如何居中
192浏览 • 1回复 待解决