Primary/Compose
Compose에서 Icon의 크기를 IconButton만큼 키우고 싶다면?
해스끼
2024. 2. 6. 16:00
``Modifier.minimumInteractiveComponentSize()``를 적용하면 된다. 이 modifier는 composable의 최소 크기를 각 기기의 'clickable 요소의 최소 크기'로 지정한다. 보통 48dp×48dp이지만, 기기에 따라 다를 수도 있다. (태블릿 등?)
Before & After
``Icon``에 적용해 보자.
Icon(
imageVector = Icons.Default.ChevronRight,
contentDescription = null,
tint = contentColorFor(backgroundColor = MaterialTheme.colorScheme.surface),
modifier = Modifier.minimumInteractiveComponentSize(),
)
실제로 ``IconButton`` 내부에서 이 modifier를 사용하고 있다.
언젠가 써먹을 수 있을 듯.
참고