Jetpack compose 中未解决的修改器方法引用

Question

我正在学习 Jetpack Compose，我正在尝试使用 Modifier 方法高度和填充来自定义图像的显示。 但是我收到了问题消息“未解决的参考：高度”和“未解决的参考：填充”。

@Preview
@Composable
fun imageDisplay() {
    Column(
        modifier = Modifier.padding(16.dp)
    ) {
        Image(
            painter = painterResource(R.drawable.photo_1505740420928_5e560c06d30e),
            contentDescription = null,
            modifier = Modifier
                .height(180.dp)
                .fillMaxWidth()
                .clip(shape = RoundedCornerShape(4.dp)),
            contentScale = ContentScale.Crop

        )

    }

}

以红色突出显示的 padding 和 height 方法

我错过了什么吗？

Answer 1

一切看起来都很好。 确保您使用的是最新版本的 Android Studio、gradle 和 compose 版本。

• Android 海豚工作室 | 2021.3.1 金丝雀 5
• 撰写版本 1.2.0-alpha05

implementation "androidx.compose.ui:ui:$compose_version"
implementation "androidx.compose.ui:ui-tooling:$compose_version"
implementation "androidx.compose.material:material:$compose_version"
implementation "androidx.compose.material:material-ripple:$compose_version"

最后，检查您是否导入了正确的Modifier class。 您必须使用来自androidx.compose.ui package 的那个。

Answer 2

确保 package 导入正确。 有时我们不小心为Modifier function 导入了错误的 package

使用正确的 package。

import androidx.compose.ui.Modifier

Answer 3

在项目级别的 gradle 文件中更新您的 Compose 和 Kotlin 插件版本将修复它。 如果这不起作用，请尝试将项目与 gradle 文件同步。

Answer 4

将我的 Column 可组合包装在 Row 可组合中，使修饰符 = Modifier.weight(1f) 起作用。