如何在Jetpack Compose横屏模式下让ScrollableTabRow占满全屏宽度

针对横屏模式下ScrollableTabRow仅占据一半屏幕宽度的问题，可以从以下几个方向排查修复：

1. 确保父布局未限制宽度 #

检查ScrollableTabRow的直接父组件是否设置了fillMaxWidth()。如果父布局（比如Column、Box等）未占满屏幕宽度，即便ScrollableTabRow自身设置了fillMaxWidth()，也无法展开至全屏。

示例：如果父布局是Column，需确保它的Modifier包含fillMaxWidth()：

Column(modifier = Modifier.fillMaxWidth()) {
    // 你的ScrollableTabRow代码
}

2. 处理Tab总宽度不足的情况 #

当所有Tab的总宽度小于屏幕宽度时，ScrollableTabRow默认会将Tab居中排列，视觉上呈现未占满宽度的效果。此时可给每个Tab添加权重，让它们自动填充剩余空间：

修改Tab的Modifier，添加weight(1f)（注：当Tab总宽度超过屏幕宽度时，ScrollableTabRow会自动进入滚动模式，权重会自动失效，不影响滚动功能）：

Tab(
    modifier = Modifier
        .background(MaterialTheme.customColorsPalette.mainAppBar)
        .weight(1f), // 添加该行实现权重分配
    selected = pagerState.currentPage == index,
    onClick = {
        scope.launch {
            pagerState.animateScrollToPage(index)
        }
    },
    text = {
        Text(
            text = title,
            onTextLayout = { textLayoutResult ->
                tabWidths[index] = with(density) { textLayoutResult.size.width.toDp() }
            }
        )
    }
)

3. 排查自定义Indicator的影响 #

你使用了自定义的SecondaryIndicator和customTabIndicatorOffset，需确保该自定义逻辑未限制ScrollableTabRow的宽度。可暂时注释掉自定义Indicator，改用默认Indicator测试，若此时能正常占满宽度，则需检查customTabIndicatorOffset的实现是否存在错误限制容器宽度的问题。

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