플러터 애플리케이션에서 DatePicker를 사용할 때, 텍스트 입력을 제한하고자 할 때가 있습니다. 이 블로그에서는 그 방법을 알아보겠습니다.

DatePicker 위젯

먼저, DatePicker 위젯은 날짜를 입력받을 수 있는 플러터 위젯으로, 유저가 캘린더나 시계를 터치하여 날짜나 시간을 선택할 수 있게 해줍니다.

텍스트 입력 제한하기

DatePicker 위젯에서 텍스트 입력을 제한하려면 inputDecoration 속성을 활용합니다. 이 속성을 사용하여 InputDecoration 객체를 생성하고, 해당 객체의 focusedBorder나 enabledBorder 속성을 이용하여 입력창을 제어할 수 있습니다.

다음은 텍스트 입력을 제한하는 예제 코드입니다.

DatePicker(
  inputDecoration: InputDecoration(
    hintText: '날짜 선택',
    border: OutlineInputBorder(
      borderSide: BorderSide(color: Colors.grey),
      borderRadius: BorderRadius.circular(10.0),
    ),
  ),
  initialDate: DateTime.now(),
  firstDate: DateTime(2021),
  lastDate: DateTime(2022),
  onDateChanged: (DateTime newDate) {
    // 날짜 선택 시 동작하는 콜백 함수
  },
)

위 코드에서 inputDecoration의 border 속성을 이용하여 텍스트 입력창을 꾸밀 수 있습니다. 또한, DatePicker 위젯의 firstDate와 lastDate 속성을 사용하여 선택 가능한 최초 날짜와 최종 날짜를 설정할 수 있습니다.

이렇게 DatePicker 위젯을 통해 날짜 선택을 쉽게 할 수 있으면서도 텍스트 입력을 제어할 수 있습니다.

더 자세한 내용은 플러터 공식 문서를 참고하세요.

이상으로, 플러터 DatePicker의 텍스트 입력 제한에 대해 알아보았습니다.