Jetpack Compose中ListItem内文本对齐问题求助

要让prefix文本（比如“Tenth”）和其他行的prefix（比如“Ninth”）对齐，核心是统一每行第一个文本的水平占位空间，以下是几种可行方案：

方法一：给前缀文本设置固定宽度 #

通过width修饰符指定固定宽度，确保所有前缀文本占用相同水平空间，直接解决长度差异导致的对齐问题：

fun ListItem(prefix: String, description: String) {
    Row {
        Text(
            text = prefix,
            modifier = Modifier.width(60.dp) // 根据实际显示需求调整宽度值
        )
        Text(text = description)
    }
}

方法二：用weight分配布局空间 #

如果希望前缀列和描述列按比例分配Row的宽度，可使用weight修饰符，适合需要自适应布局的场景：

fun ListItem(prefix: String, description: String) {
    Row {
        Text(
            text = prefix,
            modifier = Modifier.weight(1f) // 前缀占1份宽度比例
        )
        Text(
            text = description,
            modifier = Modifier.weight(3f) // 描述占3份宽度比例，可按需调整
        )
    }
}

方法三：基线对齐（针对文本基线错位场景） #

如果是不同字号文本的基线不对齐，可通过alignBy让所有文本基于同一基线对齐：

fun ListItem(prefix: String, description: String) {
    Row(
        modifier = Modifier.alignBy { it.firstBaseline }
    ) {
        Text(text = prefix)
        Text(text = description)
    }
}

最直接高效的是方法一，固定前缀列宽度能快速解决多数对齐问题，你可以根据实际布局需求选择合适方案。

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