Android Compose Material3 TabRow崩溃：maxHeight必须≥minHeight

崩溃原因 #

问题核心在于Material3与Material库中TabRow的高度计算逻辑差异：

• Material3 1.0.1：先通过每个Tab的maxIntrinsicHeight(tabWidth)计算出tabRowHeight，再强制将每个Tab的测量约束minHeight设为该值。如果此时父布局传递给TabRow的maxHeight小于这个计算出的tabRowHeight，就会出现minHeight > maxHeight的非法约束组合，直接触发IllegalArgumentException。
• Material 1.3.1：先完成所有Tab的测量，再取实际高度的最大值作为TabRow的最终高度，不会提前强制设置minHeight，因此不会产生约束冲突。

当你在开发者模式将最小宽度改为400时，父布局传递给TabRow的约束条件发生了变化，导致计算出的tabRowHeight（130）超过了父布局允许的maxHeight（129），最终引发崩溃。

可行解决方案 #

1. 升级Material3版本 #

该问题是Material3早期稳定版的已知Bug，后续版本（如1.1.0及以上）已修复了约束冲突问题。直接升级依赖即可：

implementation "androidx.compose.material3:material3:1.1.0" // 或更高稳定版本

2. 调整TabRow的父布局约束 #

通过Modifier为TabRow设置足够的最小高度，确保父布局提供的maxHeight不小于Tab的预期高度：

TabRow(
    selectedTabIndex = selectedTab,
    modifier = Modifier.heightIn(min = 56.dp) // 设为符合设计规范的最小高度
) {
    // 你的Tab内容
}

或者用Box包裹TabRow，显式设置高度范围：

Box(modifier = Modifier.heightIn(min = 56.dp)) {
    TabRow(selectedTabIndex = selectedTab) {
        // 你的Tab内容
    }
}

3. 自定义TabRow实现 #

如果无法升级依赖，可以参考Material库的逻辑重新实现TabRow，避免提前设置minHeight：

@Composable
fun CustomTabRow(
    selectedTabIndex: Int,
    modifier: Modifier = Modifier,
    tabs: @Composable () -> Unit
) {
    SubcomposeLayout(modifier = modifier) { constraints ->
        val tabCount = subcompose(TabSlots.Tabs, tabs).size
        val tabWidth = constraints.maxWidth / tabCount

        // 先测量所有Tab，再取最大高度
        val tabPlaceables = subcompose(TabSlots.Tabs, tabs).map {
            it.measure(constraints.copy(minWidth = tabWidth, maxWidth = tabWidth))
        }
        val tabRowHeight = tabPlaceables.maxOfOrNull { it.height } ?: 0

        // 测量指示器等其他内容（可参考Material3的原有实现）
        // ...

        layout(constraints.maxWidth, tabRowHeight) {
            tabPlaceables.forEachIndexed { index, placeable ->
                placeable.placeRelative(x = index * tabWidth, y = 0)
            }
            // 放置指示器等元素
            // ...
        }
    }
}

private enum class TabSlots { Tabs }

4. 固定Tab内容的高度 #

如果Tab内容高度可变，为Tab内的元素设置固定高度，确保maxIntrinsicHeight不会超过父布局的maxHeight：

Tab(
    selected = selectedTab == index,
    onClick = { selectedTab = index },
    modifier = Modifier.height(56.dp)
) {
    // 你的Tab内容
}

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