JetPack Compose 实现 Android Jetpack 底部导航栏

在 Android Jetpack 中，JetPack Compose 是一种现代化的声明式 UI 工具包，它可以帮助开发者构建漂亮、响应式的用户界面。底部导航栏是许多应用程序中常见的 UI 元素，它可以提供导航和快速访问应用程序的不同部分。本文将介绍如何使用 JetPack Compose 实现 Android Jetpack 底部导航栏，并附上相应的源代码。

首先，我们需要设置项目的依赖项。在 build.gradle 文件中的 dependencies 块中，添加以下代码：

implementation "androidx.compose.material:material:1.0.3"
implementation "androidx.compose.material:material-icons-extended:1.0.3"
implementation "androidx.navigation:navigation-compose:2.4.0-alpha10"

接下来，我们创建一个名为 BottomNavigationScreen 的 Composable 函数，用于显示底部导航栏。该函数的代码如下：

@Composable
fun BottomNavigationScreen() {
   
    val navController = rememberNavController()
    val items = listOf(
        NavigationItem.Home,
        NavigationItem.Favorites,
        NavigationItem.Profile
    )

    Scaffold(
        bottomBar = {
   
            BottomNavigation {
   
                val navBackStackEntry by navController.currentBackStackEntryAsState()
                val currentRoute = navBackStackEntry?.a