공통으로 사용하는 스타일을 분리하는 방법 – @Composable/Android
컴포즈로 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 내용
}
}