【問題描述】
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%')
}
}
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIiZpdmL0ADZldDOxMWZ4AjYiZDN1UzM3YjMjNmNhVGOiBTN5gTYldjZzkzLcdDMyIDMy8CXzV2Zh1WavwVbvNmLvR3YxUjLyM3Lc9CX6MHc0RHaiojIsJye.gif)
運作效果: