[Android Compose] Icon onClick Event

 

문제발생

Icon(
    imageVector = Icons.Default.Clear,
    contentDescription = "",
    tint = Color.Black,
)

기존에 추가한 Icon을 클릭해야 할 일이 생겨버렸다.

아무리 뒤져보아도 onClick 이벤트를 찾을 수 없어서 구글링을 해보았다.

 

해결

IconButton(
    onClick = { //TODO },
    modifier = Modifier.size(24.dp)
) {
    Icon(
        imageVector = Icons.Default.Clear,
        contentDescription = "",
        tint = Color.Black,
    )
}

처음에는 Box를 씌워보았지만 Box에도 onClick은 없었다.

그러다가 IconButton이 있다는 것을 알고 바로 적용하였다.

하지만 IconButton에 Default로 들어있는 패딩이 문제가 있어 UI가 깨지는 현상이 있었으나, 또 다시 구글링

기존 Padding 사이즈가 약 40dp 정도라도 한다는 글을 보았고 IconButton에다가 24dp 를 넣으면 원하는 형태로 그려진다는 글을 보아서 추가해보니 해결이 되었다.