Jetpack Compose中点击按钮如何触发Fragment回退栈回退操作

你可以通过以下两种常用方案实现需求：

方案1：直接在onClick中调用回退逻辑 #

Compose的onClick回调lambda可以直接捕获当前Fragment实例，直接调用对应回退方法即可，不需要额外跨层传递实例：

@AndroidEntryPoint
class MyFragment @Inject constructor() : Fragment(){

    @ExperimentalComposeUiApi
    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View {
        return ComposeView(requireContext()).apply {
            this.setContent {
                Button(
                    onClick = {
                        // 方式1：使用Navigation Component回退到上一级页面
                        findNavController().popBackStack()
                        // 方式2：不使用Navigation的场景，直接操作FragmentManager回退
                        // parentFragmentManager.popBackStack()
                        // 方式3：直接触发系统返回键逻辑
                        // requireActivity().onBackPressedDispatcher.onBackPressed()
                    },
                ) {
                    Text("Click me")
                }
            }
        }
    }
}

方案2：抽离Composable时通过回调传递事件 #

如果你把页面逻辑抽成了独立的Composable函数，不想和Fragment直接耦合，可以给Composable增加关闭事件回调参数，在Fragment侧注入回退逻辑：

// 独立的页面Composable，不耦合Fragment/Activity逻辑
@Composable
fun MyPage(onClose: () -> Unit) {
    Button(
        onClick = onClose
    ) {
        Text("Click me")
    }
}

// Fragment侧调用代码
@AndroidEntryPoint
class MyFragment @Inject constructor() : Fragment(){

    @ExperimentalComposeUiApi
    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View {
        return ComposeView(requireContext()).apply {
            this.setContent {
                MyPage(
                    onClose = {
                        findNavController().popBackStack()
                    }
                )
            }
        }
    }
}

注意：如果使用Navigation Component，请确保当前Fragment已经正确注册到导航图中，否则findNavController()可能会抛出异常。

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