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(),
)

Before
After

실제로 ``IconButton`` 내부에서 이 modifier를 사용하고 있다.

IconButton 구현 코드

언젠가 써먹을 수 있을 듯.

참고

 

Modifier  |  Android Developers

androidx.compose.desktop.ui.tooling.preview

developer.android.com