android - 如何使用 Jetpack 撰写 appbar 后退按钮

Question

getActionBar().setDisplayHomeAsUpEnabled(true) 这是我用于普通 android appCp、pact Activity 以在两个或多个 Activity 之间切换的。谁能告诉我如何在 jetpack Compose 中执行此操作？

Answer 1

另一个答案对于显示后退按钮是正确的。这是一个使用 TopAppBar 的小替代方案而是可组合的。
我也遇到了类似的问题。我想解决的主要问题是当您位于根目录时隐藏后退按钮，或者如果后台堆栈中没有任何内容，因为 setDisplayHomeAsUpEnabled只要你指定你的 parent ，就会照顾到这一点。
假设您正在使用带有 compose 的导航 Controller ，您可以执行以下操作

val navController = rememberNavController()
Scaffold(
    topBar = {
        TopAppBar(
            title = { Text(text = "app bar title") },
            navigationIcon = if (navController.previousBackStackEntry != null) {
                {
                    IconButton(onClick = { navController.navigateUp() }) {
                        Icon(
                            imageVector = Icons.Filled.ArrowBack,
                            contentDescription = "Back"
                        )
                    }
                }
            } else {
                null
            }

        )
    },
    content = {
        // Body content
    }
)

这里的关键是设置 navigationIcon TopAppBar 的论点至 null当后堆栈中没有任何内容时。这样，当您位于根目录时，后退箭头将被隐藏，否则会显示。