pager-indicators/com.google.accompanist.pager/HorizontalPagerIndicator

HorizontalPagerIndicator

@Composable

fun HorizontalPagerIndicator(pagerState: PagerState, modifier: Modifier = Modifier, activeColor: Color = LocalContentColor.current.copy(alpha = LocalContentAlpha.current), inactiveColor: Color = activeColor.copy(ContentAlpha.disabled), indicatorWidth: Dp = 8.dp, indicatorHeight: Dp = indicatorWidth, spacing: Dp = indicatorWidth, indicatorShape: Shape = CircleShape)

An horizontally laid out indicator for a HorizontalPager or VerticalPager, representing the currently active page and total pages drawn using a Shape.

This element allows the setting of the indicatorShape, which defines how the indicator is visually represented.

Samples

com.google.accompanist.sample.pager.HorizontalPagerIndicatorSample

Parameters

pagerState

the state object of your Pager to be used to observe the list's state.

modifier

the modifier to apply to this layout.

activeColor

the color of the active Page indicator

inactiveColor

the color of page indicators that are inactive. This defaults to activeColor with the alpha component set to the ContentAlpha.disabled.

indicatorWidth

the width of each indicator in Dp.

indicatorHeight

the height of each indicator in Dp. Defaults to indicatorWidth.

spacing

the spacing between each indicator in Dp.

indicatorShape

the shape representing each indicator. This defaults to CircleShape.