jetpack使用BottomNavigation实现底部导航菜单

原创

于 2024-04-21 19:30:45 发布 · 211 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jetpack

        Scaffold(
            topBar = {
   
   
                TopTitleBar(scope = scope, drawerState = drawerState,scrollBehavior = scrollBehavior)
            },
            bottomBar = {
   
   
                BottomNaviBarHost(navController = naviController)
            },
            //
            snackbarHost = {
   
   
                SnackbarHost(hostState = snackBarState)
            },
            //悬浮按钮
            floatingActionButton = {
   
   
                FloatingAction(scope = scope, snackBarState = snackBarState)
            }
        ) {
   
    innerPadding ->
            //这个是自定义的页面配合自定义的底部导航栏使用:CustomBottomNavigationBar
            //这个navHost容器是配合BottomNaviBarHost使用的，可以当作代码模板
            NavHost(
                navController = naviController,
                startDestination = BottomNaviScreen.HomeScreen.route,
                modifier = Modifier.padding(innerPadding),
            ) {
   
   
                composable(BottomNaviScreen.HomeScreen.route) {
   
    HomeScreen(naviController) }
                composable(BottomNaviScreen.ExtendScreen.route) {
   
    ExtendScreen(naviController) }
                composable(BottomNaviScreen.RecordScreen.route) {
   
    RecordScreen(naviController) }
                composable(BottomNaviScreen.SettingScreen.route) {