android - Jetpack Compose BottomNavBar 吗？如何使用 bottomNavbar 任何示例？

Question

我正在处理 jectpack compose在安卓应用程序中。所以我想使用 bottomAppbar .从来没有找到任何例子有人可以帮忙吗？

Answer 1

与 1.0.x您可以使用 BottomAppBar

BottomAppBar (backgroundColor = yellow500) {
    IconButton(onClick = { /* doSomething() */ }) {
        Icon(Icons.Filled.Menu,"")
    }
    // The actions should be at the end of the BottomAppBar
    Spacer(Modifier.weight(1f, true))
    IconButton(onClick = { /* doSomething() */ }) {
        Icon(Icons.Filled.Favorite,"")
    }
    IconButton(onClick = { /* doSomething() */ }) {
        Icon(Icons.Filled.Call,"")
    }
}

使用 FAB:

val fabShape = CircleShape
val scaffoldState = rememberScaffoldState()
val scope = rememberCoroutineScope()

Scaffold(
    scaffoldState = scaffoldState,
    drawerContent = { Text("Drawer content") },
    topBar = { },
    bottomBar = {
        BottomAppBar(cutoutShape = fabShape) {
            IconButton(
                onClick = {
                  scope.launch { scaffoldState.drawerState.open() }
                }
            ) {
                Icon(Icons.Filled.Menu,"")
            }
        }
    },
    floatingActionButtonPosition = FabPosition.Center,
    isFloatingActionButtonDocked = true,
    floatingActionButton = {
        FloatingActionButton(
            shape = fabShape,
            onClick = {}
        ) {
            Icon(Icons.Filled.Add,"")
        }
    }, content = {
        //bodyContent()
    })