Android/Compose
[Compose] Composable 재사용
JunsuKim
2023. 3. 27. 19:08
728x90
우리는 코드를 작성할 때 흔히 함수를 사용하고 한다.
함수를 사용하는 이유는 무엇일까?
- 가독성을 좋게하기 위해
- 여러 곳에서 같은 기능이 사용된다면, 하나의 함수로 만들어 재사용하기 위해
Compose Function 또한 함수와 같이 재사용이 가능하다.
UI에 구성요소가 증가할수록 중첩되는 레벨이 오르며, 가독성이 떨어질 수 있다.
이를 해결하기 위해 작은 구성요소로 만들어 UI 요소의 라이브러리로 쉽게 만들 수 있다.
예시를 들어보자.
@Composable
fun Greeting(name: String) {
Surface(color = MaterialTheme.colorScheme.primary) {
Text(text = "Hello $name!", modifier = Modifier.padding(24.dp))
}
}
@Composable
fun Test(modifier: Modifier = Modifier) {
Surface(modifier = modifier, color = MaterialTheme.colorScheme.primary) {
Greeting(name = "Compose")
}
}
@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
ComposeStudyTheme {
Test()
}
}

728x90