使用 flutter 中的下拉菜單創建月份和年份日期

Question

我想創建一個日期-月份-年份選擇器，在下圖中，使用下拉菜單，我正在使用 flutter，應該有控件還是應該編寫自己的控件，我該如何開始？ 謝謝

Answer 1

使用datepicker_dropdown包
https://pub.dev/packages/datepicker_dropdown

pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  datepicker_dropdown: ^0.0.7+1

import 'package:datepicker_dropdown/datepicker_dropdown.dart';

DropdownDatePicker(
                  inputDecoration: InputDecoration(
                      enabledBorder: const OutlineInputBorder(
                        borderSide: BorderSide(color: Colors.grey, width: 1.0),
                      ),
                      border: OutlineInputBorder(
                          borderRadius: BorderRadius.circular(10))), // optional
                  isDropdownHideUnderline: true, // optional
                  isFormValidator: true, // optional
                  startYear: 1900, // optional
                  endYear: 2022, // optional
                  width: 10, // optional
                  selectedDay: 14, // optional
                  selectedMonth: 10, // optional
                  selectedYear: 1993, // optional
                  onChangedDay: (value) => print('onChangedDay: $value'),
                  onChangedMonth: (value) => print('onChangedMonth: $value'),
                  onChangedYear: (value) => print('onChangedYear: $value'),
                ),