[flutter] 플러터 DatePicker의 텍스트 색상 변경하기

08 Dec 2023

flutter

플러터 앱에서 DatePicker를 사용할 때, 기본 텍스트 색상이 마음에 들지 않을 수 있습니다. 이 글에서는 DatePicker 위젯에서 텍스트 색상을 변경하는 방법에 대해 알아보겠습니다.

1. 텍스트 색상 변경

DatePicker에서 날짜를 선택할 때 텍스트 색상을 변경하려면 style 속성을 사용합니다. 다음은 텍스트 색상을 빨간색으로 변경하는 예제 코드입니다.

showDatePicker(
  context: context,
  initialDate: DateTime.now(),
  firstDate: DateTime(2021),
  lastDate: DateTime(2022),
  builder: (BuildContext context, Widget child) {
    return Theme(
      data: ThemeData.light().copyWith(
        primaryColor: const Color(0xFFEB5757), // 선택된 텍스트 색상
        accentColor: const Color(0xFFEB5757), // 선택된 아래의 표시줄 색상
        colorScheme: ColorScheme.light(primary: const Color(0xFFEB5757)), // 선택되지 않은 텍스트 색상
        buttonTheme: ButtonThemeData(textTheme: ButtonTextTheme.primary),
      ),
      child: child,
    );
  },
);

위 코드에서 primaryColor는 날짜 선택 후 텍스트의 색상, accentColor는 선택된 아래의 표시줄 색상, colorScheme는 선택되지 않은 텍스트의 색상을 변경합니다.

이제 플러터 앱에서 DatePicker를 사용할 때 텍스트 색상을 변경할 수 있는 방법에 대해 알게 되었습니다. 이를 통해 앱의 UI를 더욱 개선할 수 있을 것입니다.

1. 텍스트 색상 변경

참고 자료