如何在Jetpack Compose中实现应用栏返回按钮功能？

针对不同的项目架构，有两种常见的实现方式：

场景1：单Activity + Compose Navigation 架构（Compose推荐架构） #

直接配合NavController实现自动判断是否显示返回按钮、点击返回上一级的逻辑：

• 首先在Activity的setContent块中初始化导航控制器：

val navController = rememberNavController()

• 在Scaffold的topBar参数中配置TopAppBar的返回按钮：

Scaffold(
    topBar = {
        // 判断当前导航栈是否有上一级页面
        val canNavigateBack = navController.previousBackStackEntry != null
        TopAppBar(
            title = { Text("当前页面标题") },
            // 配置导航图标即返回按钮
            navigationIcon = {
                if (canNavigateBack) {
                    IconButton(onClick = { 
                        // 执行返回上一级操作，和原生ActionBar返回逻辑一致
                        navController.navigateUp() 
                    }) {
                        Icon(
                            imageVector = Icons.Default.ArrowBack,
                            contentDescription = "返回"
                        )
                    }
                }
            }
        )
    },
    modifier = Modifier.fillMaxSize()
) { innerPadding ->
    // 页面内容区域，放置NavHost即可
    NavHost(
        navController = navController,
        startDestination = "home",
        modifier = Modifier.padding(innerPadding)
    ) {
        composable("home") { HomePage() }
        composable("detail") { DetailPage() }
    }
}

说明：该实现会自动在导航栈存在上一级页面时显示返回按钮，栈底页面自动隐藏，和原生setDisplayHomeAsUpEnabled的默认行为完全一致

场景2：多Activity架构（每个Activity内嵌Compose内容） #

如果项目保留多Activity的传统架构，直接调用Activity的返回/销毁方法即可：

class SecondActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            Scaffold(
                topBar = {
                    TopAppBar(
                        title = { Text("第二个Activity页面") },
                        navigationIcon = {
                            IconButton(onClick = { 
                                // 销毁当前Activity回到上一级
                                finish()
                                // 也可以用onBackPressedDispatcher.onBackPressed()，和系统返回键行为完全一致
                            }) {
                                Icon(Icons.Default.ArrowBack, contentDescription = "返回")
                            }
                        }
                    )
                }
            ) { padding ->
                // 页面内容
            }
        }
    }
}

提示：如果你使用的是Material 3依赖，TopAppBar的API参数基本一致，仅需替换对应的导入包即可

内容的提问来源于stack exchange，提问作者Kashinath