Jetpack Compose 中的自定义 TabRow。

Question

Jetpack Compose 中的自定义 TabRow。

androidkotlinandroid-jetpack-composeandroid-jetpack

3

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

是否可以删除一条宽度充满整个屏幕的线？
如何将按钮放在一起（缩小它们之间的间距）？

- Wafi_ck

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Stefano Sansone · Accepted Answer

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