嵌套ForEach不能自动适应高度

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

ForEach(this.selectArr, (items) => { 
  Column() { 
    ForEach(items, (item) => { 
      Item({ obj: item }) 
    }, (item) => item.lable.toString()) 
  }.itemCardStyle() 
}, (items) => items.toString())
HarmonyOS
2024-06-03 22:01:44
浏览
收藏 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) 
    } 
 
  } 
}
分享
微博
QQ
微信
回复
2024-06-04 21:33:18
相关问题
HarmonyOS 高度适应
151浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
237浏览 • 1回复 待解决
HarmonyOS Web高度适应问题
517浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
271浏览 • 1回复 待解决
HarmonyOS 高度适应的问题
223浏览 • 1回复 待解决
HarmonyOS Grid自适应高度和拖拽问题
280浏览 • 1回复 待解决
Web组件如何实现高度适应
974浏览 • 1回复 待解决
Grid组件如何实现高度适应
3086浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
835浏览 • 1回复 待解决
HarmonyOS 自适应父组件高度问题
822浏览 • 1回复 待解决
HarmonyOS List嵌套不能同步数据
231浏览 • 1回复 待解决
HarmonyOS scroll嵌套List不能整体滑动
284浏览 • 1回复 待解决