[flutter] 플러터 DatePicker의 캡션 설정하기

08 Dec 2023

flutter

플러터 앱에서 DatePicker를 사용할 때 일부 사용자들은 각 필드의 뜻을 명확히 이해하지 못할 수 있습니다. 이 문제를 해결하기 위해 DatePicker의 각 필드에 명확한 캡션을 추가하는 방법을 살펴보겠습니다.

Datepicker 텍스트 변경하기

DatePicker 위젯은 locale 속성을 사용하여 표시되는 텍스트를 변경할 수 있습니다. locale 속성을 사용하여 DatePickerMode별로 다른 캡션을 설정할 수 있습니다.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('DatePicker 캡션 설정하기'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              showDatePicker(
                context: context,
                initialDate: DateTime.now(),
                firstDate: DateTime(2000),
                lastDate: DateTime(2025),
                locale: Locale('ko', 'KR'), // 한국어로 변경
              );
            },
            child: Text('DatePicker 열기'),
          ),
        ),
      ),
    );
  }
}

위 코드에서, locale을 Locale('ko', 'KR')로 설정하여 DatePicker의 캡션을 한국어로 변경할 수 있습니다.

결론

DatePicker를 사용할 때, 각 필드에 명확한 캡션을 설정함으로써 사용자들에게 더 나은 사용 경험을 제공할 수 있습니다.