Jetpack Compose에서 TextField와 OutlinedTextField의 차이점

1. TextField

기본적인 Material Style의 입력 필드

• 내부에 밑줄이 있는 형태
• Material Design System에서 기본적으로 제공하는 스타일
• 보통 일반적인 텍스트 입력 필드에 사용

TextField(
    value = text,
    onValueChange = { text = it },
    label = { Text("기본 TextField") }
)

2. OutlinedTextField

테두리가 있는 입력 필드

• OutlinedTextField는 사각형 외곽선(border)이 있는 형태
• 더 명확한 경계를 제공하여 구분이 필요한 경우 사용

3. 사용 시점

TextField

• 기본적인 입력 필드가 필요한 경우
• 배경과 자연스럽게 어울려야 하는 경우

OutlinedTextField

• 입력 필드를 더 명확하게 구분해야 하는 경우
• 여러 입력 필드가 있을 때 각각의 영역을 강조하고 싶을 때