在Jetpack Compose中是否存在将背景图像添加到填充所有类似填充颜色的列的可能性

Question

我想添加背景图像，但如果我只在Box内添加image((｛｝，则背景图像的大小不可调整，并且包含我想要的更多空间。我找到了这个，但对我来说不管用，https://www.tutorialkart.com/android-jetpack-compose/card-background-image/因为我想要图像可调整到列

Card() {
Image(painter = painterResource(id = R.drawable.flower), contentDescription = null)
Column(modifier = Modifier.padding(10.dp)) {
Text("AB CDE", fontWeight = FontWeight.W700)
Text("+0 12345678")
Text("XYZ city", fontWeight = FontWeight.W300)
}
}

Answer 1

您可以利用Box作用域中可用的matchParentSize修饰符，并缩放图像以适应容器。

Card {
Box {
Image(
painter = painterResource(id = R.drawable.flower),
contentDescription = "null",
modifier = Modifier
.matchParentSize(),
contentScale = ContentScale.Crop
)
Column(modifier = Modifier.padding(10.dp)) {
Text("AB CDE", fontWeight = FontWeight.W700)
Text("+0 12345678")
Text("XYZ city", fontWeight = FontWeight.W300)
}
}
}