Кнопка со значком сжимается при размещении внутри другого составного объекта. ⇐ Android

[Anonymous]

Я пытаюсь сделать кликабельную кнопку со значком в Jetpack Compose, но когда я помещаю кнопку со значком в составной блок, она слишком мала, и ее невозможно четко увидеть, но когда я показываю ее как значок, она работает с правильным размером< /p>
Мой вопрос: как отобразить кнопку со значком, не сжимая ее внутри составного элемента
вот код, который сжимает значок
Box(
modifier = Modifier
.width(45.dp)
.height(45.dp)
.padding(
top = 0.dp,
start = 1.dp
)
.border(1.dp, color = Color.Green)
) {
IconButton(
modifier = Modifier
.size(45.dp)
.padding(0.dp),
onClick = {
//
}
) {
Icon(
painter = painterResource(id = MessageTopReaction),
contentDescription = null,
modifier = Modifier
.padding(15.dp),
tint = Color.Red
)
}
}

но этот код делает значок правильного размера, но на него нельзя нажать
Box(
modifier = Modifier
.width(45.dp)
.height(45.dp)
.padding(
top = 0.dp,
start = 1.dp
)
.border(1.dp, color = Color.Green)
) {
Icon(
painter = painterResource(id = MessageTopReaction),
contentDescription = null,
modifier = Modifier
.padding(15.dp),
tint = Color.Red
)
}


Подробнее здесь: https://stackoverflow.com/questions/793 ... composable