代码之家 › 专栏 › 技术社区 › nikhilbalwani

Jetpack Compose中的左对齐按钮文本

android-jetpack android-jetpack-compose android

nikhilbalwani · 技术社区 · 2 年前

我正在使用以下代码创建 OutlinedButton 在Jetpack Compose中:

OutlinedButton(
            colors = ButtonDefaults.outlinedButtonColors(Color.Transparent),
            border = BorderStroke(0.dp, Color.Transparent),
            modifier = Modifier.fillMaxWidth()
                               .background(
                color = Color.Transparent,
        shape = RectangleShape, // Oval shape

        //border = androidx.compose.ui.drawBorder(2.dp, Color.Red) // Border color and width
        ),
            onClick = {}
        ) {

            Text(
                modifier = Modifier.padding(horizontal = 0.dp, vertical = 0.dp),
                color = Color.Black,
                text = text,
                textAlign = TextAlign.Left,
                fontSize = 15.sp,
            )
        }

我试着用 TextAlign.Left 和 TextAlign.Start 。但是,它总是在中心对齐:

如何解决这个问题?

2 回复 | 直到 2 年前

Sachin 2 年前

在按钮内添加行

OutlinedButton(onClick = {  }, modifier = Modifier
        .fillMaxWidth()
        .height(48.dp)) {

        Row(modifier = Modifier.fillMaxWidth()) {
            Text(text = "Button Text", textAlign = TextAlign.Start)

        }


    }

Abhimanyu 2 年前

使用 fillMaxWidth() 在…上 Text 对齐方式为 Left 。

@Composable
fun LeftAlignSample() {
    OutlinedButton(
        onClick = {},
    ) {
        Text(
            "Text",
            modifier = Modifier.fillMaxWidth(),
            textAlign = TextAlign.Left,
        )
    }
}

推荐文章

dessalines · 如何为ListDetailPaneScaffold设置窗格的初始大小/比例?

1 年前

Always Learner · 如何在导航时停止可组合函数的启动?

1 年前

Alex Bro · 在Jetpack Compose上拖动第一个可拖动项目时,该项目不在行中其他项目的顶部

1 年前

nikhilbalwani · Jetpack Compose中同一行按钮内的文本同时左对齐和右对齐

2 年前

nikhilbalwani · Jetpack Compose中的左对齐按钮文本

2 年前

user1785730 · 如何使文本右对齐?

2 年前

Danila Shabanov · 如何减少Jetpack Compose中可设置动画的轮廓图标颜色的重新组合次数?

2 年前

Abdullah · 我如何在画布下面画出像喷气背包中0.7的路径一样分段的构图?

2 年前

Fatiq Hussnain · 如何在Jetpack Compose中使用rememberPagerState?

2 年前

Jorpy · 如何在Jetpack Compose中设置按钮高度和宽度?

2 年前