this is my code ```@Composable @Preview(showBackgr...

# compose

[Alejandro Rios]

this is my code

@Composable
@Preview(showBackground = true)
fun DefaultRecipeCard() {
    Scaffold(topAppBar = {
        TopAppBar(
            title = {
                Text(text = "ComposablecookBok")
            }
        )
    }, bodyContent = {
        RecipeList(defaultRecipes)
    }, bottomAppBar = BottomAppBar {
        Text(
            text = "Jetpack Compose",
            modifier = Modifier.padding(16.dp)
        )
    }
    )
}

[nglauber]

This worked for me 😉

bottomBar = {
    BottomAppBar(content = {
        BottomNavigationItem(
            icon = {
                Icon(Icons.Default.Person)
            },
            selected = bottomBarSelectedIndex == 0,
            onSelected = { bottomBarSelectedIndex = 0 },
            activeColor = Color.Magenta,
            inactiveColor = Color.LightGray
        )
        BottomNavigationItem(
            icon = {
                Icon(Icons.Default.Favorite)
            },
            selected = bottomBarSelectedIndex == 1,
            onSelected = { bottomBarSelectedIndex = 1 },
            activeColor = Color.Magenta,
            inactiveColor = Color.LightGray
        )
        BottomNavigationItem(
            icon = {
                Icon(Icons.Default.Settings)
            },
            selected = bottomBarSelectedIndex == 2,
            onSelected = { bottomBarSelectedIndex = 2 },
            activeColor = Color.Magenta,
            inactiveColor = Color.LightGray
        )
    })
},

[nglauber]

and this is the bottomBarSelectedStateIndex

var bottomBarSelectedIndex by state { 0 }

[Timo Drick]

In dev14 it is "bottomBar =" and not "bottomAppBar ="

[matvei]

You need to call lambda that will will invoke BottomAppBar @Composable as a slot.

bottomAppBar = BottomAppBar {
        Text(
            text = "Jetpack Compose",
            modifier = Modifier.padding(16.dp)
        )
    }

should become

bottomAppBar = { 
    BottomAppBar {
        Text(
            text = "Jetpack Compose",
            modifier = Modifier.padding(16.dp)
        )
    }
}

Haha, just saw that Adam answered below, nvm %)

[Alejandro Rios]

Thanks @nglauber, @Timo Drick, @matvei for the comments