spark/com.adevinta.spark.components.appbar/BottomAppBar

BottomAppBar

fun BottomAppBar(actions: @Composable RowScope.() -> Unit, modifier: Modifier = Modifier, floatingActionButton: @Composable () -> Unit? = null, containerColor: Color = BottomAppBarDefaults.containerColor, contentColor: Color = androidx.compose.material3.contentColorFor(containerColor), elevation: Dp = BottomAppBarDefaults.ContainerElevation, contentPadding: PaddingValues = BottomAppBarDefaults.ContentPadding, windowInsets: WindowInsets = BottomAppBarDefaults.windowInsets, scrollBehavior: SparkBottomAppBarScrollBehavior? = null)

Material Design bottom app bar.

A bottom app bar displays navigation and key actions at the bottom of mobile screens.

Bottom app bar image

It can optionally display a FloatingActionButton embedded at the end of the BottomAppBar.

Also see NavigationBar.

Parameters

actions

the icon content of this BottomAppBar. The default layout here is a Row, so content inside will be placed horizontally.

modifier

the Modifier to be applied to this BottomAppBar

floatingActionButton

optional floating action button at the end of this BottomAppBar

containerColor

the color used for the background of this BottomAppBar. Use Color.Transparent to have no color.

contentColor

the preferred color for content inside this BottomAppBar. Defaults to either the matching content color for containerColor, or to the current LocalContentColor if containerColor is not a color from the theme.

elevation

when containerColor is ColorScheme.surface, a translucent main color overlay is applied on top of the container. A higher tonal elevation value will result in a darker color in light theme and lighter color in dark theme. See also: Surface.

contentPadding

the padding applied to the content of this BottomAppBar

windowInsets

a window insets that app bar will respect.

scrollBehavior

a BottomAppBarScrollBehavior which holds scroll state and will be used to determine the bottom app bar elevation. Elevation is shown when state.contentOffset 0, indicating there's content above the current scroll position to scroll back to. When using SparkBottomAppBarScrollBehavior, the overlappedFraction property enables smooth elevation transitions with performance-optimized recomposition using derivedStateOf.

@Composable

fun BottomAppBar(modifier: Modifier = Modifier, containerColor: Color = BottomAppBarDefaults.containerColor, contentColor: Color = contentColorFor(containerColor), elevation: Dp = BottomAppBarDefaults.ContainerElevation, contentPadding: PaddingValues = BottomAppBarDefaults.ContentPadding, windowInsets: WindowInsets = BottomAppBarDefaults.windowInsets, scrollBehavior: BottomAppBarScrollBehavior? = null, content: @Composable RowScope.() -> Unit)