Android Compose 开发，使用 ConstraintLayout，但是引入的是旧的 ConstraintLayout

我命由我123452026-09-11 10:32

kotlin 复制代码

ConstraintLayout(
    modifier = Modifier.fillMaxSize()
) {
    
    ...

}

在 Android 开发中，使用 Compose 时，使用 ConstraintLayout，但是引入的是如下 ConstraintLayout

kotlin 复制代码

import androidx.constraintlayout.widget.ConstraintLayout

问题原因

使用的是旧的 ConstraintLayout，对于 Compose，应该使用 constraintlayout-compose

处理策略

在 libs.versions.toml 文件中，定义版本号，定义具体的依赖库

xml 复制代码

[versions]

...

constraintlayout-compose = "1.0.1"

xml 复制代码

[libraries]

...

androidx-constraintlayout-compose = { group = "androidx.constraintlayout", name = "constraintlayout-compose", version.ref = "constraintlayout-compose" }

在模块级 build.gradle.kts 文件中，引用定义好的依赖

kotlin 复制代码

dependencies {

    ...

    implementation(libs.androidx.constraintlayout.compose)
}

使用 ConstraintLayout-compose 时

kotlin 复制代码

import androidx.constraintlayout.compose.ConstraintLayout

kotlin 复制代码

ConstraintLayout(
    modifier = Modifier.fillMaxSize()
) {
    
    ...

}