Jetpack Compose 是 Android 的现代 UI 工具包，它使得构建美观且功能强大的应用变得更加简单。在本文中，我们将探讨如何使用 Jetpack Compose 创建一个 BottomAppBar。

---

开始之前

确保你的开发环境已经设置好了 Jetpack Compose。你需要使用 Android Studio Arctic Fox 或更高版本，并且你的项目需要使用 Android 11 (API 级别 30) 或更高。

创建 BottomAppBar

在 Jetpack Compose 中，我们可以使用 BottomAppBar composable 来创建一个底部应用栏。BottomAppBar 是一个提供主要导航内容的容器，它位于屏幕的底部。

首先，我们需要创建一个 BottomAppBar：

@Preview
@Composable
fun MyAppBar(){
    BottomAppBar() {
        IconButton(onClick = { /*TODO*/ }) {
            Icon( imageVector = Icons.Default.Menu, contentDescription ="Menu" )
        }
        FloatingActionButton(onClick = {}){
            Icon(imageVector = Icons.Default.Add, contentDescription ="Add" )
        }
    }
}

 在这里，IconButton 是一个用于显示图标按钮的 composable。我们可以为 IconButton 添加一个 onClick 处理器来处理点击事件。

FloatingActionButton 是一个用于显示浮动动作按钮的 composable。我们可以为 FloatingActionButton 添加一个 onClick 处理器来处理点击事件。

通过使用 Jetpack Compose，我们可以轻松地创建一个 BottomAppBar。这只是开始，你可以根据你的需求来自定义 BottomAppBar，例如，你可以添加更多的动作，或者改变 BottomAppBar 的颜色和样式。