android - 如何在 Jetpack Compose 中设置行宽等于 TextField 的宽度？

Question

我希望包含按钮和文本的行的宽度与文本字段的宽度相同。这是我尝试过的:

Column(
    modifier = Modifier.fillMaxSize().padding(padding),
    verticalArrangement = Arrangement.Center,
    horizontalAlignment = Alignment.CenterHorizontally
) {
    TextField(
        value = email,
        onValueChange = { email = it },
        placeholder = {Text(text = "Email")}
    )
    TextField(
        value = password,
        onValueChange = { password = it },
        placeholder = {Text(text = "Pass")}
    )
    Row {
        Button(
            onClick = {
                start(email, password)
            }
        ) {
            Text(
                text = "Start",
                fontSize = 18.sp
            )
        }
        Spacer(
            modifier = Modifier.weight(1f)
        )
        Text(
            text = "Skip"
        )
    }
}

这是我得到的:

这是我所期望的:

我可以在不设置固定尺寸的情况下实现吗？

Answer 1

您可以用 Column 包装 3 可组合项并应用 intrinsic measurements使用 Modifier.width(IntrinsicSize.Min) 对其进行调整，然后使用 Button 将 fillMaxWidth() 应用于 Row >:

Column(
    modifier = Modifier.fillMaxSize(),
    verticalArrangement = Arrangement.Center,
    horizontalAlignment = Alignment.CenterHorizontally
) {
    Column(Modifier.width(IntrinsicSize.Min)){

        TextField()
        TextField()
        Row(
            horizontalArrangement = Arrangement.Center,
            modifier = Modifier.fillMaxWidth()
        ) {
            //Button + Skip Text
        }
    }
}