Flutter에서 textInputAction
속성은 소프트 키보드에서 사용자가 "Enter" 또는 "Next" 버튼을 눌렀을 때 수행되는 액션을 결정하는 데 사용됩니다. 이 속성은 TextField
또는 TextFormField
위젯에서 설정할 수 있으며, TextInputAction
열거형 타입의 값을 가집니다.
TextInputAction.done
: 사용자가 키보드에서 "Done" 버튼을 탭했을 때 키보드를 닫습니다.
TextInputAction.go
: "Go" 버튼을 탭했을 때 연결된 액션을 수행합니다. 일반적으로 특정 작업이나 페이지 이동에 사용됩니다.
TextInputAction.search
: "Search" 버튼을 탭했을 때 검색을 수행합니다. 주로 검색 바에서 사용됩니다.
TextInputAction.send
: "Send" 버튼을 탭했을 때 메시지 전송과 같은 액션을 수행합니다.
TextInputAction.next
: "Next" 버튼을 탭했을 때 다음 필드로 포커스를 이동합니다.
TextInputAction.newline
: 멀티라인 텍스트 필드에서 줄 바꿈을 수행합니다.
TextField(
textInputAction: TextInputAction.next,
onSubmitted: (value) {
// 다음 필드로 포커스 이동 또는 다른 액션 수행
},
)
이 예시에서는 사용자가 키보드에서 "Next" 버튼을 탭하면 onSubmitted
콜백이 호출되어 다음 필드로 포커스를 이동하거나 다른 액션을 수행할 수 있습니다.
textInputAction
은 사용자 인터페이스에서 키보드 상호작용을 더 직관적이고 효율적으로 만들어 줍니다. 사용자가 특정 작업을 완료하거나 입력 필드 간을 이동하는 방식을 개선하여 사용자 경험을 향상시킬 수 있습니다.
Flutter에서 textInputAction
속성은 사용자가 소프트웨어 키보드의 액션 버튼(예: "Enter", "Done", "Next" 등)을 탭했을 때 수행되는 액션을 정의합니다. TextInputAction
열거형을 통해 다양한 종류의 액션을 지정할 수 있습니다.
이 코드에서 textInputAction: TextInputAction.newline
은 사용자가 키보드의 액션 버튼을 탭할 때 새로운 줄바꿈(newline)이 생성되도록 설정합니다. 즉, 텍스트 필드 내에서 "Enter"나 "Return" 버튼을 누르면 텍스트 필드에서 새 줄로 이동하게 됩니다.
TextInputAction.newline
의 사용 사례:멀티라인 텍스트 필드: 이 속성은 여러 줄의 텍스트를 입력받아야 하는 텍스트 필드에서 유용합니다. 예를 들어, 코멘트, 메시지, 또는 기타 긴 형태의 텍스트를 사용자로부터 입력받을 때 사용됩니다.
사용자 경험: 일반적으로 사용자는 텍스트 필드에서 "Enter"를 탭할 때 새 줄로 이동하는 것을 기대합니다. 따라서 TextInputAction.newline
은 사용자에게 익숙한 경험을 제공합니다.
이 코드에서 Expanded
와 SizedBox
로 감싸진 TextField
는 사용자가 여러 줄의 코멘트를 입력할 수 있게 하기 위해 TextInputAction.newline
을 사용하고 있습니다. 이 설정으로 인해 사용자는 텍스트 필드 내에서 "Enter"를 누를 때마다 새 줄로 이동하게 되며, 이를 통해 여러 줄의 텍스트를 편리하게 입력할 수 있습니다.