Jetpack Compose自动文本大小组件失效问题求助

问题分析 #

你遇到的AutoSizeText过度缩小、单数字文本消失的问题，核心原因通常是两个：一是自动缩放逻辑未设置最小字体尺寸限制，导致文本被无限缩小至不可见；二是Row布局的约束分配不合理，单字符文本的可用空间被过度挤压。

解决方案 #

1. 强制设置最小字体尺寸 #

无论是自定义AutoSizeText还是使用官方组件，都必须明确minTextSize参数，避免文本缩小到阈值以下：

• 自定义AutoSizeText示例：

@Composable
fun AutoSizeText(
    text: String,
    modifier: Modifier = Modifier,
    maxTextSize: TextUnit = 24.sp,
    minTextSize: TextUnit = 12.sp, // 固定最小字号
    style: TextStyle = TextStyle.Default
) {
    var currentSize by remember { mutableStateOf(maxTextSize) }
    Text(
        text = text,
        fontSize = currentSize,
        style = style,
        modifier = modifier.onTextLayout { layoutResult ->
            if (layoutResult.size.width > layoutResult.layoutInput.constraints.maxWidth 
                && currentSize > minTextSize) {
                currentSize -= 1.sp
            }
        }
    )
}

• 官方Material3 AutoSizeText示例：

AutoSizeText(
    text = "1",
    modifier = Modifier.width(25.dp),
    maxLines = 1,
    minTextSize = 12.sp,
    maxTextSize = 20.sp,
    textAlign = TextAlign.Center
)

2. 优化Row布局的空间分配 #

Row默认会挤压子元素空间，给每个身份证分段文本设置最小宽度+权重分配，避免单字符容器被过度压缩：

Row(
    modifier = Modifier.fillMaxWidth().padding(horizontal = 16.dp),
    horizontalArrangement = Arrangement.SpaceAround
) {
    val idSegments = listOf("1", "110101", "19900101", "1234")
    idSegments.forEach { segment ->
        AutoSizeText(
            text = segment,
            modifier = Modifier
                .widthIn(min = 25.dp) // 保证单字符有足够显示空间
                .weight(1f), // 平均分配剩余宽度
            minTextSize = 12.sp,
            maxTextSize = 20.sp,
            textAlign = TextAlign.Center
        )
    }
}

3. 避免无限制的缩放循环 #

自定义AutoSizeText时，要确保缩放逻辑只会在文本超出容器且字号大于最小值时触发，防止出现无限缩小的死循环，同时可以添加防抖逻辑（比如限制缩放频率）。

额外建议 #

• 优先使用Compose Material3官方提供的AutoSizeText，官方组件已经处理了单字符、边界约束等特殊场景，稳定性更高。
• 身份证分段展示时，可以根据各段字符数量设置差异化的最小宽度，比如首段1位数字的容器宽度略大于其他多字符段，进一步避免显示异常。

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