天天看点

【HarmonyOS】【ArkUI】鸿蒙 eTS开发中Row组件显示多行文本

 【问题描述】

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%')
  }
}      
【HarmonyOS】【ArkUI】鸿蒙 eTS开发中Row组件显示多行文本

运行效果:

【HarmonyOS】【ArkUI】鸿蒙 eTS开发中Row组件显示多行文本

继续阅读