How do I tie Tabs and HorizontalPager together? Accompanist used to have `Modifier.pagerTabIndicator...

# compose

[ursus]

How do I tie Tabs and HorizontalPager together? Accompanist used to have Modifier.pagerTabIndicatorOffset(pagerState

now such api with 1st party APIs?

[Nthily]

var selectedIndex by remember { mutableIntStateOf(0) }
Column {
   TabRow(
    selectedTabIndex = selectedIndex,
    indicator = {
      TabRowDefaults.PrimaryIndicator(
        modifier = Modifier.tabIndicatorOffset(it[selectedIndex]),
        width = 40.dp,
        height = 5.dp,
        color = AppTheme.colors.accent
      )
    }
  ) { ... }
  HorizontalPager(...)
}

[ursus]

this doesnt follow the scroll, only jumps to the end states, no?

[ursus]

indicator: @Composable @UiComposable
    (tabPositions: List<TabPosition>) -> Unit = @Composable { tabPositions ->
        TabRowDefaults.Indicator(
            Modifier.tabIndicatorOffset(tabPositions[selectedTabIndex])
        )
    },

this is the default anyways