为什么List组件的initialIndex属性设置不生效？

Question

问题现象

创建自定义菜单时，MenuBuilder使用List实现，给List设置initialIndex属性不生效。

Answer 1

问题解答

Menu组件会自动内嵌Scroll组件，内部再放List组件时，List组件会将Scroll撑大，即List组件不会滚动，滚动的是默认的Scroll组件，因此设置initialIndex属性不生效。

解决措施

可以给List组件设置列表高度，当List组件内容高度超过该高度时，List组件可以滚动，此时设置initialIndex便可以显示指定的菜单项。

示例代码

// xxx.ets 
@Entry 
@Component 
struct ListExample { 
  arr: string[] = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']; 
 
  build() { 
    Column() { 
      Scroll() { 
        List({ initialIndex: 5 }) { 
          ForEach(this.arr, (item: string) => { 
            ListItem(item) { 
              Row() { 
                Text(item) 
                  .fontColor(Color.Red) 
                  .fontSize(40) 
              } 
            } 
            .width('100%') 
            .height(100) //此处若未设置List高度，则initialIndex属性不生效 
            .border({ 
              width: 1, 
              color: Color.Black, 
              radius: 5 
            }) 
          }) 
        } 
        .height(400) 
        .alignListItem(ListItemAlign.Center) 
      } 
    } 
    .padding({ top: 10 }) 
  } 
}