Jetpack Compose自定义TabRow问题：移除全屏线条、缩小标签按钮间距

你提出的两个需求都可以通过修改TabRow和Tab的内置参数实现，具体方法如下：

1. 移除底部全屏宽度的默认线条 #

TabRow 内置的indicator参数控制底部选中指示器的样式，默认实现是横跨整个Tab宽度的下划线，直接将该参数赋值为空函数即可完全隐藏该线条：

TabRow(
    selectedTabIndex = curSelectedTabIndex,
    // 隐藏底部默认指示器
    indicator = {},
    modifier = Modifier.fillMaxWidth()
) {
    // Tab项内容
}

如果后续需要自定义选中状态的指示器，也可以在indicator参数的作用域内编写自定义布局逻辑。

2. 缩小Tab按钮间距实现紧凑排列 #

Compose 自带的Tab组件默认添加了16.dp的水平内边距，且有最小宽度限制，是导致Tab间距过大的核心原因，调整对应参数即可实现紧凑排列：

TabRow(
    selectedTabIndex = curSelectedTabIndex,
    indicator = {}
) {
    yourTabTitleList.forEachIndexed { index, title ->
        Tab(
            selected = curSelectedTabIndex == index,
            onClick = { curSelectedTabIndex = index },
            // 修改默认水平内边距，数值可按需调整
            padding = PaddingValues(horizontal = 8.dp, vertical = 6.dp),
            // 取消默认最小宽度限制，进一步压缩空间
            modifier = Modifier.defaultMinSize(minWidth = 1.dp)
        ) {
            Text(
                text = title,
                modifier = Modifier.padding(vertical = 4.dp),
                fontSize = 14.sp
            )
        }
    }
}

你可以根据自己的设计需求调整padding的数值，来控制Tab的间距和整体高度。

效果参考：

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