天天看點

【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元件顯示多行文本

繼續閱讀