affogato-pager-indicator/com.parsuomash.affogato.pager.indicator

Package-level declarations

Functions

fun DraggableTabRow(state: PagerState, modifier: Modifier = Modifier, backgroundColor: Color = MaterialTheme.colors.primarySurface, indicatorColor: Color = MaterialTheme.colors.primary, shapeRadius: Dp = 16.dp, content: @Composable RowScope.() -> Unit)

A TabRow contains a row of Tabs, and displays an indicator underneath the currently selected tab. A TabRow places its tabs evenly spaced along the entire row, with each tab taking up an equal amount of space.

HorizontalPagerIndicator

@Composable

fun HorizontalPagerIndicator(pagerState: PagerState, modifier: Modifier = Modifier, activeColor: Color = LocalContentColor.current.copy(alpha = LocalContentAlpha.current), inactiveColor: Color = activeColor.copy(ContentAlpha.disabled), indicatorSize: DpSize = DpSize(width = 8.dp, height = 8.dp), spacing: PaddingValues = PaddingValues(horizontal = 4.dp), indicatorShape: Shape = CircleShape, onIndicatorClick: (Int) -> Unit? = null)

A horizontally laid out indicator for a androidx.compose.foundation.pager.HorizontalPager or androidx.compose.foundation.pager.VerticalPager, representing the currently active page and total pages drawn using a Shape.

LeadingIconTab

@Composable

fun RowScope.LeadingIconTab(selected: Boolean, onClick: () -> Unit, text: @Composable () -> Unit, icon: @Composable () -> Unit, modifier: Modifier = Modifier, shape: Shape = RoundedCornerShape(16.dp), enabled: Boolean = true, selectedContentColor: Color = LocalContentColor.current, unselectedContentColor: Color = selectedContentColor.copy(alpha = ContentAlpha.medium))

Tabs organize content across different screens, data sets, and other interactions.

pagerTabIndicatorOffset

fun Modifier.pagerTabIndicatorOffset(pagerState: PagerState, tabPositions: List<TabPosition>, pageIndexMapping: (Int) -> Int = { it }): Modifier

This indicator syncs up a TabRow or ScrollableTabRow tab indicator with a androidx.compose.foundation.pager.HorizontalPager or androidx.compose.foundation.pager.VerticalPager.

Tab

@Composable

fun RowScope.Tab(selected: Boolean, onClick: () -> Unit, modifier: Modifier = Modifier, shape: Shape = RoundedCornerShape(16.dp), enabled: Boolean = true, selectedContentColor: Color = LocalContentColor.current, unselectedContentColor: Color = selectedContentColor.copy(alpha = ContentAlpha.medium), content: @Composable ColumnScope.() -> Unit)

@Composable

fun RowScope.Tab(selected: Boolean, modifier: Modifier = Modifier, enabled: Boolean = true, onClick: () -> Unit, text: @Composable () -> Unit? = null, icon: @Composable () -> Unit? = null, shape: Shape = RoundedCornerShape(16.dp), selectedContentColor: Color = LocalContentColor.current, unselectedContentColor: Color = selectedContentColor.copy(alpha = ContentAlpha.medium))

Tabs organize content across different screens, data sets, and other interactions.

VerticalPagerIndicator

@Composable

fun VerticalPagerIndicator(pagerState: PagerState, modifier: Modifier = Modifier, activeColor: Color = LocalContentColor.current.copy(alpha = LocalContentAlpha.current), inactiveColor: Color = activeColor.copy(ContentAlpha.disabled), indicatorSize: DpSize = DpSize(width = 8.dp, height = 8.dp), spacing: PaddingValues = PaddingValues(vertical = 4.dp), indicatorShape: Shape = CircleShape, onIndicatorClick: (Int) -> Unit? = null)

A vertically laid out indicator for a androidx.compose.foundation.pager.HorizontalPager or androidx.compose.foundation.pager.VerticalPager, representing the currently active page and total pages drawn using a Shape.