Bookmark profile

컴포즈로 UI를 만드는 경우, 공통으로 사용하는 폰트사이즈나 버튼이 있는데 하나하나 스타일을 주고 있지 않았나요? 이러한 노가다를 예방하기 위해서 공통 스타일을 따로 추가해 둘 수 있습니다.

fun Modifier.commonStyle(): Modifier = this
    .clip(RoundedCornerShape(8.dp))
    .border(2.dp, Color.Black, RoundedCornerShape(8.dp))
    .padding(16.dp)

이렇게 commonStyle을 정의해 두면 원하는 요소에 다음과 같이 간단하게 사용할 수 있습니다!

@Composable
fun MyStyledBox() {
    Box(
        modifier = Modifier
            .size(100.dp)
            .background(Color.Cyan)
            .commonStyle() // 공통 스타일 적용
    ) {
        // Box 내용
    }
}