Composable Component

BottomNavigation

Bottom navigation bars allow movement between primary destinations in an app.

BottomNavigation social preview

BottomNavigation

Common
@Composable
fun BottomNavigation(
    windowInsets: WindowInsets,
    modifier: Modifier = Modifier,
    backgroundColor: Color = MaterialTheme.colors.primarySurface,
    contentColor: Color = contentColorFor(backgroundColor),
    elevation: Dp = BottomNavigationDefaults.Elevation,
    content: @Composable RowScope.() -> Unit,
)

Parameters
windowInsets a window insets that bottom navigation will respect.
modifier optional Modifier for this BottomNavigation
backgroundColor The background color for this BottomNavigation
contentColor The preferred content color provided by this BottomNavigation to its children. Defaults to either the matching content color for backgroundColor, or if backgroundColor is not a color from the theme, this will keep the same value set above this BottomNavigation.
elevation elevation for this BottomNavigation
content destinations inside this BottomNavigation, this should contain multiple BottomNavigationItems

BottomNavigation

Common
@Composable
fun BottomNavigation(
    modifier: Modifier = Modifier,
    backgroundColor: Color = MaterialTheme.colors.primarySurface,
    contentColor: Color = contentColorFor(backgroundColor),
    elevation: Dp = BottomNavigationDefaults.Elevation,
    content: @Composable RowScope.() -> Unit,
)

Parameters
modifier optional Modifier for this BottomNavigation
backgroundColor The background color for this BottomNavigation
contentColor The preferred content color provided by this BottomNavigation to its children. Defaults to either the matching content color for backgroundColor, or if backgroundColor is not a color from the theme, this will keep the same value set above this BottomNavigation.
elevation elevation for this BottomNavigation
content destinations inside this BottomNavigation, this should contain multiple BottomNavigationItems