[flutter] 플러터 DatePicker를 이용한 휴일 설정

08 Dec 2023

flutter

플러터 앱을 개발하다 보면, DatePicker를 사용하여 휴일 설정을 구현해야 하는 경우가 있습니다. 이 글에서는 플러터의 DatePicker를 이용하여 휴일을 설정하는 방법에 대해 알아보겠습니다.

1. DatePicker 위젯 추가

먼저, 해당 화면에 DatePicker 위젯을 추가해야 합니다. 다음은 DatePicker 위젯을 추가하는 예제 코드입니다.

import 'package:flutter/material.dart';

class HolidaySettingScreen extends StatefulWidget {
  @override
  _HolidaySettingScreenState createState() => _HolidaySettingScreenState();
}

class _HolidaySettingScreenState extends State<HolidaySettingScreen> {
  DateTime _selectedDate = DateTime.now();

  Future<void> _selectDate(BuildContext context) async {
    final DateTime picked = await showDatePicker(
        context: context,
        initialDate: _selectedDate,
        firstDate: DateTime(2015, 8),
        lastDate: DateTime(2101));
    if (picked != null && picked != _selectedDate)
      setState(() {
        _selectedDate = picked;
      });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('휴일 설정'),
      ),
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            Text("${_selectedDate.toLocal()}".split(' ')[0]),
            SizedBox(
              height: 20.0,
            ),
            ElevatedButton(
              onPressed: () => _selectDate(context),
              child: Text('휴일 선택'),
            ),
          ],
        ),
      ),
    );
  }
}

위 코드에서 showDatePicker 함수를 사용하여 DatePicker를 표시하고, 선택한 날짜를 _selectedDate 변수에 저장합니다.

2. 휴일 설정 기능 추가

DatePicker를 통해 날짜를 선택한 후, 이를 휴일로 설정하는 기능을 추가해야 합니다. 이를 위해서는 선택한 날짜를 저장하고, 나중에 이를 휴일로 활용할 수 있도록 해야 합니다.

휴일 설정 기능 추가에 대한 예제 코드는 생략합니다. 이 부분은 애플리케이션의 비즈니스 로직에 맞게 개발되어야 하며, 해당 로직은 각 앱마다 다를 수 있습니다.

이렇게 플러터의 DatePicker를 활용하여 휴일을 설정할 수 있습니다. 여기서는 간단한 예제를 통해 휴일 설정 기능을 구현하는 방법을 알아보았습니다.

더 많은 기능을 구현하고 싶다면, 플러터 공식 문서나 다양한 커뮤니티 자료를 참고하시기 바랍니다.

참고 자료: