在Jetpack Compose中切换选项卡时维护状态

implementation 'androidx.compose.runtime:runtime:1.0.0'
implementation 'androidx.compose.material:material:1.0.0'
implementation 'androidx.compose.ui:ui-tooling:1.0.0'

@Composable
fun TabLayout() {
    val tabs = listOf("Tab 1", "Tab 2", "Tab 3")
    var selectedTabIndex by remember { mutableStateOf(0) }

    Column {
        TabRow(selectedTabIndex) {
            tabs.forEachIndexed { index, title ->
                Tab(
                    selected = selectedTabIndex == index,
                    onClick = { selectedTabIndex = index }
                ) {
                    Text(text = title)
                }
            }
        }

        // 根据选中的选项卡显示不同的内容
        when (selectedTabIndex) {
            0 -> {
                // 显示第一个选项卡的内容
            }
            1 -> {
                // 显示第二个选项卡的内容
            }
            2 -> {
                // 显示第三个选项卡的内容
            }
        }
    }
}

setContent {
    TabLayout()
}