I'm pretty new to jetpack and am following this guide.
When trying to create my tabs I'm hitting an UnresolvedReference
and I'm not sure why
@ExperimentalPagerApi
@ExperimentalMaterialApi
@Composable
fun Tabs(tabs: List<TabItem>, pagerState: PagerState) {
val scope = rememberCoroutineScope()
TabRow(
selectedTabIndex = pagerState.currentPage,
backgroundColor = colorResource(id = R.color.colorPrimaryDark),
contentColor = Color.White,
indicator = { tabPositions ->
TabRowDefaults.Indicator(
Modifier.pagerTabIndicatorOffset(pagerState, tabPositions)
)
}) {
tabs.forEachIndexed { index, tab ->
LeadingIconTab(
selected = pagerState.currentPage == index,
text = { Text(tab.title) },
icon = { Icon(painter = painterResource(id = tab.icon), contentDescription = "") },
onClick = {
scope.launch {
pagerState.animateScrollToPage(index)
}
},
)
}
}
Everything else work. I have implementation("com.google.accompanist:accompanist-pager:0.28.0")
in my build.gradle
and am importing
Did I miss an import or library somewhere? androidx.compose.ui.Modifier
in the class itself. I know I saw elsewhere that was a common Modifier problem.
Its a separate one that you have to specify in your dependencies.
implementation 'com.google.accompanist:accompanist-pager-indicators:0.27.1'