[Compose] Composable 재사용

우리는 코드를 작성할 때 흔히 함수를 사용하고 한다.

함수를 사용하는 이유는 무엇일까?

• 가독성을 좋게하기 위해
• 여러 곳에서 같은 기능이 사용된다면, 하나의 함수로 만들어 재사용하기 위해

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