Jetpack Compose 中的自定义 TabRow

Question

我使用 TabRow，我有两个问题：

• 是否可以删除整个屏幕宽度的线条？

• 如何将按钮放在一起（减少它们之间的空间）

Answer 1

要删除选项卡下的行，只需通过传递divider = {} 设置一个空分隔符。

要使标签填充TabRow 中的可用空间（因此没有空格），只需不为标签设置特定大小，以下示例按您的要求工作。

var state by remember { mutableStateOf(0) }
val titles = listOf("TAB 1", "TAB 2")
Column {
    TabRow(selectedTabIndex = state, divider = {}) {
        titles.forEachIndexed { index, title ->
            Tab(
                text = { Text(title) },
                selected = state == index,
                onClick = { state = index }
            )
        }
    }
}