Заполнение изображения: почему изображение не заполняет верхний левый и нижний левый углы ⇐ Android

[Anonymous]

У меня есть следующий код:

Код: Выделить всё

   @Composable
fun TestCard(
descriptionText: String,
imageContentDescription: String,
textColor: Color,
modifier: Modifier = Modifier,
elevation: Dp = 1.dp,
imageUri: String? = null
) {
Card(
modifier = modifier
.fillMaxWidth()
.height(74.dp),
shape = RoundedCornerShape(12.dp),
elevation = elevation

) {
Row(
modifier = Modifier
.fillMaxSize()
.background(Color.Red)
) {
Box(
modifier = Modifier
.fillMaxHeight() // Ensure it takes up full height
.weight(0.25f)  // Take 25% of the width
) {
AsyncImage(
model = imageUri,
contentScale = ContentScale.FillBounds, // Ensures the image crops to fill bounds
contentDescription = imageContentDescription,
placeholder = painterResource(R.drawable.blue_image),
modifier = Modifier
.fillMaxSize()  // Fills the Box completely
)
}
Text(
text = descriptionText,
color = textColor,
fontSize = FontSize.Medium,
fontWeight = FontWeight.Medium,
maxLines = 3,
overflow = TextOverflow.Ellipsis,
modifier = Modifier
.padding(horizontal = Dimensions.Medium)
.align(Alignment.CenterVertically)
.weight(0.75f)
)
}
}
}

@Preview(showBackground = true)
@Composable
private fun Preview() {
TestMaterialTheme {
TestCard(
descriptionText = "Description of the item",
imageUri = null,
imageContentDescription = "",
textColor = MediumGrey
)
}
}

Почему в приведенном выше коде добавляются отступы в левом верхнем и нижнем левом углу, из-за чего изображение не полностью заполняет эти области?
Я пробовал настроить contentScale, но это не помогло сработало.
Даже переключился на упаковку AsyncImage в блок
[img]https://i. sstatic.net/bmzvKXIU.png[/img]

Как видите, вверху и внизу справа есть красный ореол.
Пример изображение для использования:



Подробнее здесь: https://stackoverflow.com/questions/790 ... ft-corners