在底部项目视图上更改底部导航图标颜色（或）图标（或）图标

Question

问题是关于撰写的底部导航，

• 我已经使用navhost创建了底部导航视图，
• 我需要在每次单击它时（启用/disable）将图标状态更改为（启用/disable），就像更改图标或图标颜色本身一样

Answer 1

正如您所说，您已经实施了导航。因此，现在您必须检查当前路线以及底部导航屏幕路线

val currentRoute = backStackEntry.value?.destination?.route; //check current route
        val selected = currentRoute == screens.route // if current route equal to screen route it return true

将图标颜色acc给所选路线，如

  Icon(
                        imageVector = screens.icon,
                        contentDescription = "",
                        tint = if (selected) Color.White else Color.Black
                    )

以下是完整的底部导航栏实现

@Composable

fun BottomBar(
    modifier: Modifier = Modifier,
    screens: List<ScreenModel.HomeScreens>,
    navController: NavController,

    ) {
    BottomNavigation {
        val backStackEntry = navController.currentBackStackEntryAsState()
        screens.forEach {


                screens ->
            val currentRoute = backStackEntry.value?.destination?.route;
            val selected = currentRoute == screens.route

            BottomNavigationItem(
                icon = {
                    Icon(
                        imageVector = screens.icon,
                        contentDescription = "",
                        tint = if (selected) Color.White else Color.Black
                    )
                },
                selected = selected,
                label = {
                    Text(
                        if (selected) screens.title else "", // Label
                        fontWeight = FontWeight.SemiBold,
                        color = Color.White
                    )
                },

                onClick = {
                    if (currentRoute != screens.route) {
                        navController.navigate(screens.route)

                    }

                }

            )
        }

    }

}

屏幕模型文件

class ScreenModel {

    sealed class HomeScreens(
        val route: String,
        val title: String,
        val icon: ImageVector
    ) {
        object Home : HomeScreens("home", "Home", Icons.Filled.Home)
        object Search : HomeScreens("search", "Search", Icons.Filled.Search)
        object Profile : HomeScreens("profile", "MyNetwork", Icons.Filled.Person)

    }

    val screensInHomeFromBottomNav = listOf(
        HomeScreens.Home, HomeScreens.Search, HomeScreens.Profile
    )

}