要移除选项卡下方的线条,请通过传递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 }
)
}
}
}