[flutter] Cupertino (iOS-style) datepicker 쿠퍼티노 디자인 datepicker 설정

💜Dabo (개발자 다보)·2020년 9월 4일
6

Flutter Widget

목록 보기
6/11
post-custom-banner

가장 좋은 건 설명하지 않아도 코드로 바로 이해가 되는게 베스트라고..(전혀 귀찮은거 아님)
저는 최대한 설명하지않고 코드로 말하겠습니다...🌟 다들 즐코..🔥


Cupertino Date Picker Widget code

class BirthDatePicker extends StatelessWidget {
  final void Function(DateTime) onDateTimeChanged;
  final String initDateStr;

  BirthDatePicker({
     this.onDateTimeChanged,
    this.initDateStr,
  });

  
  Widget build(BuildContext context) {
    final initDate =
        DateFormat('yyyy-MM-dd').parse(initDateStr ?? '2000-01-01');
    return SizedBox(
      height: 300,
      child: CupertinoDatePicker(
        minimumYear: 1900,
        maximumYear: DateTime.now().year,
        initialDateTime: initDate,
        maximumDate: DateTime.now(),
        onDateTimeChanged: onDateTimeChanged,
        mode: CupertinoDatePickerMode.date,
      ),
    );
  }
}

used Widget

BirthDatePicker(
  onDateTimeChanged: (dateTime) {
    ...    
  },
);

result View

profile
𝙸 𝚊𝚖 𝚊 𝚌𝚞𝚛𝚒𝚘𝚞𝚜 𝚍𝚎𝚟𝚎𝚕𝚘𝚙𝚎𝚛 𝚠𝚑𝚘 𝚎𝚗𝚓𝚘𝚢𝚜 𝚍𝚎𝚏𝚒𝚗𝚒𝚗𝚐 𝚊 𝚙𝚛𝚘𝚋𝚕𝚎𝚖. 🇰🇷👩🏻‍💻
post-custom-banner

2개의 댓글

comment-user-thumbnail
2020년 12월 10일

커스텀 어떻게 하셨는지 궁금해요.. 달이 영어로 나오네요

답글 달기
comment-user-thumbnail
2021년 9월 7일

정말 무한 감사

답글 달기