如何将TextButton内的文本对齐到屏幕起始端（左侧）？

问题根源在于TextButton的默认布局逻辑：它内部的Row容器默认是水平居中排列的，同时你的Text组件默认是自适应宽度（wrapContent），所以即便给Text设置textAlign = TextAlign.Start，也只是在Text自身的窄范围内左对齐，整体仍会被Row居中显示。

下面是两种可行的修复方案：

方案1：让Text占满Button宽度并左对齐 #

给Text添加fillMaxWidth()修饰符，让它撑满TextButton的宽度，此时textAlign = TextAlign.Start就会让文本对齐到容器左侧：

TextButton(
    onClick = { /*TODO*/ },
    modifier = Modifier.fillMaxWidth()
) {
    Text(
        text = "Option A",
        style = MaterialTheme.typography.bodySmall,
        textAlign = TextAlign.Start,
        modifier = Modifier.fillMaxWidth()
    )
}

方案2：修改Text在Button内部的对齐方式 #

直接让Text在TextButton的Row容器里左对齐，不需要改变Text的宽度：

TextButton(
    onClick = { /*TODO*/ },
    modifier = Modifier.fillMaxWidth()
) {
    Text(
        text = "Option A",
        style = MaterialTheme.typography.bodySmall,
        modifier = Modifier.align(Alignment.CenterStart)
    )
}

额外优化：移除默认内边距（可选） #

如果需要文本完全贴紧屏幕左侧，可以调整TextButton的contentPadding，去掉左右方向的内边距：

TextButton(
    onClick = { /*TODO*/ },
    modifier = Modifier.fillMaxWidth(),
    contentPadding = PaddingValues(horizontal = 0.dp, vertical = 16.dp)
) {
    Text(
        text = "Option A",
        style = MaterialTheme.typography.bodySmall,
        modifier = Modifier.align(Alignment.CenterStart)
    )
}

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