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

【关键字】

ListItemGroup / 嵌套list / scroller

【问题描述】

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

代码实现场景如下：

List(){
ListItem()
ListItem()
ListItemGroup({ header: this.moreContentHead() }) {
ListItem(){
List()
}
}
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

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

【解决方案】

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

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

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

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

Scroll(){
Column(){
…
Tabs({ barPosition: BarPosition.Start }){
TabContent(){}.tabBar(‘预定行程’)
TabContent(){}.tabBar(‘旅游服务’)
…
}
}
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>