[flutter] 플러터 DatePicker에 이벤트 추가하기

08 Dec 2023

flutter

플러터(Flutter)로 앱을 개발하다보면 DatePicker를 사용해야 할 때가 있습니다. 사용자가 선택한 날짜에 따라 특정 이벤트를 실행하고 싶은 경우가 종종 있을 것입니다.

이 블로그 포스트에서는 플러터에서 DatePicker를 사용하고, 선택한 날짜에 이벤트를 추가하는 방법을 알아보겠습니다.

DatePicker 추가하기

먼저, 플러터 프로젝트에 DatePicker를 추가해야 합니다. 다음은 DatePicker를 추가하는 간단한 예제 코드입니다.

import 'package:flutter/material.dart';

class DatePickerExample extends StatefulWidget {
  @override
  _DatePickerExampleState createState() => _DatePickerExampleState();
}

class _DatePickerExampleState extends State<DatePickerExample> {
  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 RaisedButton(
      onPressed: () => _selectDate(context),
      child: Text('Select date'),
    );
  }
}

날짜 선택시 이벤트 추가하기

DatePicker에서 날짜를 선택한 후에 원하는 이벤트를 실행하고 싶다면, setState 함수 내에 선택한 날짜에 대한 이벤트를 추가하면 됩니다.

예를 들어, 선택한 날짜를 출력하거나 특정 작업을 수행하도록 설정할 수 있습니다.

if (picked != null && picked != _selectedDate) {
  setState(() {
    _selectedDate = picked;
    // 여기에 선택한 날짜에 대한 이벤트 추가
    print('Selected date: $_selectedDate');
    // 추가적인 작업 수행
  });
}

이제 플러터 앱에서 DatePicker를 사용하고 선택한 날짜에 이벤트를 추가하는 방법을 알게 되었습니다.

더 많은 정보가 필요하시면, Flutter 공식 문서를 확인해보세요.

계속해서 플러터로 멋진 앱을 만들어보세요! 🚀