【问题描述】

eTS开发中Row组件无法多行显示文本?

【解决方案】

Row组件为容器组件,如果要实现两行甚至多行显示,建议使用多个Row组件组合使用,或者使用Text组件完成多行文本显示。

Row组件介绍

@Entry
@Component
struct Index {
  build() {
    Column() {
      Column() {
        Row() {
          Text("Hello\nGod")
            .fontColor(Color.White)
            .fontSize(20)
        }

        Row() {
          Text("World")
            .fontColor(Color.White)
            .fontSize(20)
        }
      }
    }.backgroundColor(Color.Black)
    .width('100%')
    .height('50%')
  }
}

运行效果:

image.png

更多鸿蒙学习资料: 华为开发者论坛

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐