如何在 jetpack compose 中使用 LazyListState 更新 TabRow 指示器？

Question

由于公司政策，我无法显示该应用程序，但几乎我有一个惰性列表，它会在选择选项卡时设置动画，但当用户在惰性列表上滚动时，选项卡指示器也需要根据更新到用户所在的相应部分和选项卡。 我让文本颜色在滚动时更新，但不确定如何更新指示器？ 似乎该指标仅在重组时启动。

    @Composable
    private fun MyTab(
       tabs: List<MyTabs>,
       lazyListState: LazyListState
    ){
      var selectedIndex by remember { mutableStateOf(0) }
      val scope = rememberCoroutineScope()
    
      TabRow(
       selectedTabIndex = selectedIndex,
       indicator = { tabPositions ->
        TabRowDefaults.Indicator(
         modifier = Modifier.tabIndicatorOffset(tabPositions[selectedIndex])
        )
       }
      ){
       tabs.forEachIndexed { index, item ->
        val selected = (selectedIndex == index)
        Tab(
         selected = selected,
         onClick = {
          selectedIndex = index
          scope.launch{
           lazyListState.animateScrollToItem(selectedIndex)
          }
          },
         text = {
          Text(color = if(lazyListState.firstVisibleItemIndex == index) white else red
          }
        )
       }
     }
    }

Answer 1

哇，我刚刚解决了。

只需设置 tabPositions[lazyListState.firstVisibleItemIndex]