我希望包含按钮和文本的行的宽度与文本字段的宽度相同.以下是我try 过的:

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"
        )
    }
}

这就是我得到的:

enter image description here

这就是我所期待的:

enter image description here

我可以在不设置固定大小的情况下实现这一点吗?

推荐答案

您可以用Column将3组合起来,并使用Modifier.width(IntrinsicSize.Min)intrinsic measurements应用于它,然后使用ButtonfillMaxWidth()应用于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
        }
    }
}

enter image description here

Android相关问答推荐

为什么R8不混淆某些类?

Android Compose Lazy柱形实时UI更改

如何将子零部件的大小调整为可以调整大小的父组件大小?

BroadCastReceiver的onReceive方法中的Intent上的Extras为空

Android在NavHost中的LazyColumn中编写约束布局:error - replace()在未放置的项目上调用

Jetpack Compose-如何在进入新产品线之前删除单词?

需要 java 17 而不是 java 11:Android CI-CD GitHub Actions

解决失败:Landroidx/compose/runtime/PrimitiveSnapshotStateKt

Android Drawable文件夹中的图像显示模糊

如何在Android Studio中删除项目

延时kotlin中时分秒的使用方法

判断 AAR 元数据时发现 Android 问题:androidx.core:core:1.12.0-alpha01 和 androidx.core:core-ktx:1.12.0-alpha01

修复错误 Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager

如何在没有人窃取令牌的情况下使用我的移动应用程序中的 API

Android:ActivityCompat.requestPermissions 不显示弹窗(Android 13,targetSdkVersion=33)

如何放置在柱子的角落(底端)

Kotlin Coroutines Dispatchers.IO 没有创建预期的线程

Unity:Android 上随机接近零的 FPS 下降(提供了很多线索)

在 jetpack compose 中使用 .shadow 和 Button 会导致问题

Firebase Crashlytics 缩小 R8 Android