小编Ana*_*ari的帖子

我正在努力实现如下图所示的目标。我尝试使用默认 Tab 及其中心对齐的 TabRow。我在这里无法实现左对齐。我按照 Google 网站尝试了带有自定义选项卡方法的 TapRow ，但选项卡仍然居中对齐（我猜是 TapRow 问题而不是 Tab 问题）。

在 Tabrow 中，使用 fillMaxWidth 修饰符，其整个行被填充并居中对齐，而使用 .width=xx.dp 方法，其尺寸减小，但仍居中对齐。我想要左对齐。我怎样才能做到这一点？

这是我的代码：

@Composable
fun HomeCategoryTabIndicator(
    modifier: Modifier = Modifier,
    color: Color = MaterialTheme.colors.onSurface
) {
    Spacer(
        modifier
            .padding(horizontal = 10.dp)
            .height(4.dp)
            .background(color, RoundedCornerShape(topStartPercent = 100, topEndPercent = 100))
    )
}

@Composable
fun MyTab(
    onClick: (String) -> Unit,
    title: String
) {
    Column(
        Modifier
            .padding(10.dp)
            .wrapContentHeight()
            .wrapContentWidth()
            .clickable {onClick(title)},
        verticalArrangement = Arrangement.SpaceBetween
    ) {
        Text(
            text = title,
            style = MaterialTheme.typography.body1,
            modifier …