Is there a way to achieve this result:

# compose

[henrikhorbovyi]

Is there a way to achieve this result:

[henrikhorbovyi]

Without doing:

[henrikhorbovyi]

The big problem is that Row inside BottomAppBar.content

[henrikhorbovyi]

Is there a problem with that? 🤔

[Steve]

don't use images to share code. it makes it much harder to read

[henrikhorbovyi]

Really? 😄
Sorry dude, cause I bug sometimes when I see a bunch of code in plain text here in slack

[henrikhorbovyi]

But if you prefer

[henrikhorbovyi]

@Composable
fun BottomAppBarSample() {
    Scaffold(
        floatingActionButtonPosition = Scaffold.FabPosition.CenterDocked,
        floatingActionButton = {
            FloatingActionButton(
                onClick = {},
                icon = { Icon(asset = Icons.Outlined.Check, tint = Color.White) }
            )
        },
        bottomAppBar = { fabConfiguration ->
            BottomAppBar(
                cutoutShape = CircleShape,
                fabConfiguration = fabConfiguration
            ) {
                Row(
                    modifier = Modifier.fillMaxWidth(),
                    horizontalArrangement = Arrangement.SpaceBetween
                ) {
                    IconButton(icon = { Icon(asset = <http://Icons.Outlined.Menu|Icons.Outlined.Menu>) }, onClick = {})
                    IconButton(icon = { Icon(asset = Icons.Outlined.Notifications) }, onClick = {})
                }
            }
        }
    ) {}
}

[henrikhorbovyi]

That's what I did to achieve that result... do you thing is there a problem?

[Louis Pullen-Freilich [G]]

There's nothing wrong with that 🙂

But as you can see from your screenshot, BottomAppBar`s content is in a RowScope, because its internal layout is a Row. So you can actually remove your row (saving a layout and some code verbosity), and just write:

BottomAppBar(
    cutoutShape = CircleShape,
    fabConfiguration = fabConfiguration
) {
    IconButton(...)
    Spacer(Modifier.weight(1f, true))
    IconButton(...)
}

Note the Spacer here

[henrikhorbovyi]

Yeah... I was thinking about this part

[henrikhorbovyi]

cause I saw the RowScope

[henrikhorbovyi]

Well... It worked, and it's better 😄
Thank you @Louis Pullen-Freilich [G]