Jetpack Compose中如何为Talkback程序化设置返回后的焦点？

你的代码目前存在两个核心问题：一是所有按钮共用同一个FocusRequester，导致焦点请求无法精准定位到目标按钮；二是使用onGloballyPositioned触发焦点请求的时机不可靠，容易出现焦点设置失败的情况。以下是具体修改方案：

修改步骤 #

1. 为每个列表项创建独立的FocusRequester #

不再共用单个FocusRequester，而是为每个按钮单独创建并存储，确保焦点请求能精准指向目标组件。

2. 使用LaunchedEffect触发焦点请求 #

替换onGloballyPositioned，改用LaunchedEffect监听lastFocusedItem的变化，在组件组合完成且目标项匹配时发起焦点请求，保证时机正确。

3. 调整Modifier顺序确保焦点生效 #

确保focusRequester和focusable的顺序正确，让焦点系统能正确识别组件的焦点请求器。

修改后的完整代码 #

@Composable
fun Home(
    navController: NavController,
    lastFocusedItem: MutableState<String?>
) {
    // 为每个列表项创建独立的FocusRequester
    val focusRequesters = remember {
        mutableMapOf<String, FocusRequester>().apply {
            listOf(
                "Account Details",
                "Inbox",
                "Transaction History",
                "Payment Methods",
                "Manage Wallet",
                "Merge Accounts",
                "Preferences",
                "FAQ",
                "Customer Support",
                "Legal"
            ).forEach {
                put(it, FocusRequester())
            }
        }
    }

    LazyColumn(modifier = Modifier.fillMaxSize()) {
        itemsIndexed(
            listOf(
                "Account Details",
                "Inbox",
                "Transaction History",
                "Payment Methods",
                "Manage Wallet",
                "Merge Accounts",
                "Preferences",
                "FAQ",
                "Customer Support",
                "Legal"
            )
        ) { index, rowData ->
            val requester = focusRequesters[rowData]!!
            TextButton(
                onClick = {
                    navController.navigate("SecondHome")
                },
                modifier = Modifier
                    .focusRequester(requester)
                    .focusable()
                    .onFocusChanged {
                        if (it.isFocused) {
                            lastFocusedItem.value = rowData
                        }
                    }
            ) {
                Text(text = rowData)
            }

            // 当lastFocusedItem匹配当前项时，发起焦点请求
            LaunchedEffect(lastFocusedItem.value) {
                if (lastFocusedItem.value == rowData) {
                    requester.requestFocus()
                }
            }
        }
    }
}

@Composable
fun SecondHome(navController: NavController) {
    Button(onClick = { navController.popBackStack() }) {
        Text(text = "Go Back")
    }
}

@Composable
fun Navigation() {
    val lastFocusedItemId = remember { mutableStateOf<String?>(null) }
    val navController = rememberNavController()
    NavHost(navController = navController, startDestination = "Home") {
        composable("Home") {
            Home(navController = navController, lastFocusedItemId)
        }
        composable("SecondHome") {
            SecondHome(navController = navController)
        }
    }
}

关键说明 #

• 独立的FocusRequester确保每个按钮都有自己的焦点控制对象，不会出现混淆。
• LaunchedEffect会在lastFocusedItem更新时执行，此时组件已经完成组合，焦点请求能准确生效，Talkback会自动播报获得焦点的按钮内容。
• 移除了不必要的focusProperties { canFocus = true }，因为TextButton本身已经是可焦点组件。

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