Compose 버튼 사이즈 관련 Tips

Button(IconButton, RadioButton, Switch....) 대부분의 Component 에서

minimumTouchTargetSize() 함수가 내부에서 처리되는 것을 볼 수 있습니다.

 

잠시 함수를 보면, 48 dp 보다 작은 경우 Component 자체에 Padding 이 들어가게 됩니다(ContentPadding 을 0 으로 줘도 Component 밖으로 Padding 이 생깁니다). 따라서 48 보다 더 작은 값을 넣고 싶은 경우, 내부에 코드들을 모두 복사해서 minimumTouchTargetSize 함수를 제거해줘야 합니다.

 

혹은 아래와 같이 minimumTouchTargetEnforcement 를 false 로 변경하여 처리할 수도 있습니다.

CompositionLocalProvider(LocalMinimumTouchTargetEnforcement provides false) {
        
}

 

사실 해당 값 뿐만 아니라 많은 것들이 내부에서 변경되고 있기 때문에, 일부는 CompositionLocalProvider 로 변경가능 한 것도 있지만, 할 수 없는 것도 있습니다. 따라서 적용이 안된다 싶으면 내부 코드를 꼭 한번 확인해봐야할 것 같습니다.

 

그럼 2000 :)