Composable Component
Bottom navigation drawers are modal drawers that are anchored to the bottom of the screen instead
of the left or right edge. They are only used with bottom app bars.
BottomDrawer
Common
```kotlin
@Composable
fun BottomDrawer(
drawerContent: @Composable ColumnScope.() -> Unit,
modifier: Modifier = Modifier,
drawerState: BottomDrawerState = rememberBottomDrawerState(Closed),
gesturesEnabled: Boolean = true,
drawerShape: Shape = DrawerDefaults.shape,
drawerElevation: Dp = DrawerDefaults.Elevation,
drawerBackgroundColor: Color = DrawerDefaults.backgroundColor,
drawerContentColor: Color = contentColorFor(drawerBackgroundColor),
scrimColor: Color = DrawerDefaults.scrimColor,
content: @Composable () -> Unit,
)
```
#### Parameters
| | |
| --- | --- |
| drawerContent | composable that represents content inside the drawer |
| modifier | optional `Modifier` for the entire component |
| drawerState | state of the drawer |
| gesturesEnabled | whether or not drawer can be interacted by gestures |
| drawerShape | shape of the drawer sheet |
| drawerElevation | drawer sheet elevation. This controls the size of the shadow below the drawer sheet |
| drawerBackgroundColor | background color to be used for the drawer sheet |
| drawerContentColor | color of the content to use inside the drawer sheet. Defaults to either the matching content color for `drawerBackgroundColor`, or, if it is not a color from the theme, this will keep the same value set above this Surface. |
| scrimColor | color of the scrim that obscures content when the drawer is open. If the color passed is `Color.Unspecified`, then a scrim will no longer be applied and the bottom drawer will not block interaction with the rest of the screen when visible. |
| content | content of the rest of the UI |