这个错误提示表明 ListItem
组件只能有一个子组件,但您可能在其中放置了多个子组件。
ListItem() {
Stack({ alignContent: Alignment.Bottom }) {
Text(item.trim())
.height(40)
.padding(10)
.fontSize(16)
.fontColor('#aab1b4') // 默认'#aab1b4'/ 高亮 black、
}
// 默认'#aab1b4'/ 高亮 black
// 底部的横线 高亮时显示,反之隐藏
Text()
.height(4)
.width(20)
.borderRadius(2)
.backgroundColor(Color.Orange)
}
您需要检查相关的代码,确保 ListItem
组件内部只有一个直接子组件。如果您想要包含多个元素,可以将它们放在一个容器组件(如 Column
或 Row
)中,然后将这个容器组件作为 ListItem
的子组件。
ForEach(this.list, (item: string, index) => {
ListItem() {
Stack({ alignContent: Alignment.Bottom }) {
Text(item.trim())
.height(40)
.padding(10)
.fontSize(16)
.fontColor('#aab1b4') // 默认'#aab1b4'/ 高亮 black、
// 默认'#aab1b4'/ 高亮 black
// 底部的横线 高亮时显示,反之隐藏
Text()
.height(4)
.width(20)
.borderRadius(2)
.backgroundColor(Color.Orange)
}
}