android - 如何在 Jetpack Compose 中添加工具栏？

Question

我需要在我的 Android 应用程序中添加一个带有如下列表的工具栏。我正在使用 喷气背包撰写 创建用户界面。下面是我用于绘制主视图的可组合函数。

@Composable
fun HomeScreenApp() {
    showPetsList(dogs = dogData)
}

Answer 1

您可以使用 TopAppBar .
最好的方法是使用 Scaffold .就像是:

    Scaffold(
        topBar = {
            TopAppBar(
                title = {
                    Text(text = "TopAppBar")
                },
                navigationIcon = {
                    IconButton(onClick = { }) {
                        Icon(Icons.Filled.Menu,"")
                    }
                },
                backgroundColor = ....,
                contentColor = ....
            )
        }, content = {
            
        })