嵌套ForEach不能自动适应高度

写了一个二维数组存放数据。用ForEach嵌套使用,当列表长度超过屏幕高度后,就会出现数据丢失(丢失一整个items),并且无法通过滚动显示丢失的数据。

ForEach(this.selectArr, (items) => { 
  Column() { 
    ForEach(items, (item) => { 
      Item({ obj: item }) 
    }, (item) => item.lable.toString()) 
  }.itemCardStyle() 
}, (items) => items.toString())
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
HarmonyOS
2024-06-03 22:01:44
709浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
flyCloud00

请参考如下代码,

@Entry 
@Component 
struct objList { 
  private scrollerForScroll: Scroller = new Scroller() 
 
  build() { 
    Column() { 
      Text('我是标题') 
        .height(50) 
        .width('100%') 
      Scroll(this.scrollerForScroll) { 
        Column() { 
          ForEach([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 18, 19, 20, 21, 22, 23, 24, 26, 28, 29, 30, 31], (item) => { 
            Row() { 
              Text(item.toString()).margin({ left: 8 }) 
 
            }.width('100%').height(48).padding({ left: 6.5, right: 2.5 }) 
          }, (item: string) => item.toString()) 
        } 
        .padding({ left: 12, right: 12 }) 
        .backgroundColor(Color.White) 
        .borderRadius(8) 
      }.layoutWeight(1) 
    } 
 
  } 
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
分享
微博
QQ
微信
回复
2024-06-04 21:33:18


相关问题
HarmonyOS webview高度不能适应
660浏览 • 1回复 待解决
HarmonyOS 高度适应
1044浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
748浏览 • 1回复 待解决
HarmonyOS web的高度适应内容的高度
1171浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
1268浏览 • 1回复 待解决
HarmonyOS Web高度适应问题
1598浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
648浏览 • 1回复 待解决
HarmonyOS RelativeContainer 不能适应宽高
1057浏览 • 1回复 待解决
HarmonyOS List高度根据内容自适应
1022浏览 • 1回复 待解决
HarmonyOS Grid高度根据内容自适应
839浏览 • 1回复 待解决
HarmonyOS RelativeContainer自适应高度相关
766浏览 • 1回复 待解决