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) 起作用。