AppBarRow
Common
Component in Material 3 Compose
An [AppBarRow] arranges its children in a horizontal sequence, and if any children overflow the constraints, an overflow indicator is displayed.
This composable lays out its children from left to right in LTR layouts and from right to left in RTL layouts. If the children's combined width exceeds the available width, [overflowIndicator] is displayed at the end of the row, replacing the content that otherwise cannot fit. The items are constructed through a DSL in [AppBarRowScope]. Each item provides a way to render itself in the row layout, and an alternative way, to render inside of a dropdown menu, when there is overflow.
Last updated:
Installation
dependencies {
implementation("androidx.compose.material3:material3:1.4.0-alpha13")
}
Overloads
@Composable
@Suppress("ComposableLambdaParameterPosition", "KotlinDefaultParameterOrder")
fun AppBarRow(
overflowIndicator: @Composable (AppBarRowMenuState) -> Unit,
modifier: Modifier = Modifier,
content: AppBarRowScope.() -> Unit,
)
Parameters
name | description |
---|---|
overflowIndicator | A composable that is displayed at the end of the row when the content overflows. It receives an [AppBarRowMenuState] instance. |
modifier | The modifier to be applied to the row. |
content | The content to be arranged in the row, defined using a dsl with [AppBarRowScope]. |