[flutter] 플러터 DatePicker에서 특정 요일 강조하기

08 Dec 2023

flutter

개요
문제
해결책
예제 코드
결론

1. 개요

이번 글에서는 플러터(Flutter) 앱에서 DatePicker를 사용할 때 특정 요일을 강조하는 방법에 대해 알아보겠습니다.

2. 문제

기본적으로 플러터의 DatePicker를 사용하면 특정 요일을 강조하는 기능이 내장되어 있지 않습니다.

3. 해결책

DatePicker에서 특정 요일을 강조하는 방법은 DatePicker 위젯을 직접 구현하여 일주일 중 특정 요일에 스타일을 적용하는 것입니다.

4. 예제 코드

아래는 플러터에서 특정 요일을 강조하는 예제 코드입니다.

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 Highlight Specific Day'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              showDatePicker(
                context: context,
                initialDate: DateTime.now(),
                firstDate: DateTime(2000),
                lastDate: DateTime(2100),
                builder: (BuildContext context, Widget child) {
                  return Theme(
                    data: ThemeData.light().copyWith(
                      primaryColor: Colors.blue,
                      accentColor: Colors.blue,
                      colorScheme: ColorScheme.light(primary: Colors.blue),
                      buttonTheme: ButtonThemeData(textTheme: ButtonTextTheme.primary),
                    ),
                    child: child,
                  );
                },
              );
            },
            child: Text('Pick a date'),
          ),
        ),
      ),
    );
  }
}

5. 결론

위의 예제 코드처럼 showDatePicker를 사용하여 DatePicker를 커스텀하고, builder를 이용하여 특정 요일을 강조할 수 있습니다.

이러한 방법으로 플러터 앱에서 DatePicker를 사용할 때 특정 요일을 강조하는 기능을 구현할 수 있습니다.