【HarmonyOS NEXT】ListItemGroup中再次嵌套list，里层的list如何实现通过scroller滚动到指定index_鸿蒙 list嵌套list

 【关键字】

ListItemGroup / 嵌套list / scroller

【问题描述】

ListItemGroup中再次嵌套list，里层的list如何实现通过scroller滚动到指定index。

代码实现场景如下：

List(){
ListItem()
ListItem()
ListItemGroup({ header: this.moreContentHead() }) {
ListItem(){
List()
}
}
}

ListItemGroup中的header是为了实现标题悬停效果，点击header中的指定项希望里层的list能滚动到指定位置，但是由于外层嵌套List无法实现这个效果。整体效果参照android的AppbarLayout。

【解决方案】

两个list嵌套，内部list没有高度因此无法设置跳转效果。

• 方案一：可以设置内部高度来实现

• 方案二：去掉内部的list等待上述所说的版本发布后使用scrollToItemInGroup方法实现

• 方案三：您可以将外部的list换成scroll，吸顶效果使用Tabs来实现，参考结构如下。

Scroll(){
Column(){
...
Tabs({ barPosition: BarPosition.Start }){
TabContent(){}.tabBar('预定行程')
TabContent(){}.tabBar('旅游服务')
...
}
}
}