Jetpack Compose Text 관련 위젯: Text, BasicText, TextField 등

Jetpack Compose Text 위젯 활용법

Jetpack Compose에서 Text는 가장 기본적인 UI 요소입니다. 하지만 사용자의 입력을 받을 때는 TextField와 같은 위젯을 활용해야 합니다. Text는 화면에 단순히 텍스트를 표시할 때 사용되고, BasicText는 스타일링 없이 텍스트를 간단히 렌더링합니다. 한편, TextField는 사용자 입력을 받을 수 있도록 도와줍니다.

Text 위젯

Text 위젯은 Compose에서 텍스트를 화면에 표시하는 데 사용됩니다. style, color, fontSize 등의 매개변수를 통해 텍스트 스타일을 조정할 수 있습니다.

Text("Hello, World!", fontSize = 20.sp, color = Color.Blue)

BasicText 위젯

BasicText는 Text와 유사하지만, 더 기본적인 텍스트 표시 방식입니다. 복잡한 스타일링이 필요하지 않거나 성능을 고려할 때 유용합니다.

BasicText("Basic Text Display")

TextField와 OutlinedTextField

TextField는 사용자가 텍스트를 입력할 수 있는 위젯입니다. OutlinedTextField는 테두리가 있는 스타일을 제공합니다.

TextField(value = text, onValueChange = { text = it })
OutlinedTextField(value = text, onValueChange = { text = it })

이와 같이 Text 관련 위젯은 간단한 텍스트 표시부터, 사용자 입력을 받는 다양한 형태까지 활용할 수 있습니다.