android-jetpack-compose - Jetpack 撰写 LazyColumn + Coil-Compose 不起作用

Question

Jetpack 组合项目

我用的是Coil-Compose rememberImagePainter

依赖关系{

implementation 'io.coil-kt:coil-compose:1.4.0'

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            ApplicationTheme {
                Surface(color = MaterialTheme.colors.background) {
                    Image(
                        painter = rememberImagePainter("https://api.dujin.org/bing/1366.php"),
                        contentDescription = null
                    )
                }
            }
        }
    }
}

enter image description here

添加 LazyColumn 不起作用

…………
import coil.compose.rememberImagePainter
…………

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            ApplicationTheme {
                Surface(color = MaterialTheme.colors.background) {
+                   LazyColumn {
+                       items(10) {
                            Text(text = "test")
                            // doesn't work
                            Image(
                                painter = rememberImagePainter("https://api.dujin.org/bing/1366.php"),
                                contentDescription = null
                            )
+                       }
+                   }
                }
            }
        }
    }
}

enter image description here

请帮帮我

Answer 1

在LazyColumn或者LazyRow中使用本地资源是没有问题的，但是网络图片需要指定宽高

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            ApplicationTheme {
                Surface(color = MaterialTheme.colors.background) {
                   LazyColumn {
                       items(10) {
                            Text(text = "test")
                            // doesn't work
                            Image(
                                painter = rememberImagePainter("https://api.dujin.org/bing/1366.php"),
                                contentDescription = null,
                                Modifier.fillMaxSize().height(300.dp)
                            )
                       }
                   }
                }
            }
        }
    }
}