如何在 flutter 中自定义日期选择器界面？

【问题标题】：How do i customise a date picker interface in flutter?如何在 flutter 中自定义日期选择器界面？
【发布时间】：2023-01-13 02:16:42
【问题描述】：

我有一个设计，我试图在 flutter 中复制，用户可以从下拉列表中选择日期

设计不是问题，问题是逻辑。

我该如何实施？

我试着寻找 flutter 包来提供帮助，我找到了一个最接近我需要的包，它是 datepicker_dropdown。

但是这个包的唯一问题是它没有边距选项，因为所有的盒子都是两个彼此靠近的，然后改变了所需的设计

我也尝试使用其他一些日期选择器包，但问题是......

当使用任何日期选择器选择日期时，如何自动填写设计的下拉字段？

关于如何实施此设计的任何想法都会有所帮助。谢谢！

【问题讨论】：

标签： flutter dart flutter-dependencies

【解决方案1】：

试试下面的代码

在你的 pubspec.yaml 文件中添加 datepicker_dropdown: ^0.0.7+3

在您的代码文件中导入以下库：

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),
            ),
          ),
          isDropdownHideUnderline: true,
          isFormValidator: true,
          startYear: 1900,
          endYear: 2020,
          width: 10,
          selectedMonth: 10,
          selectedYear: 1993,
          onChangedDay: (value) => print('onChangedDay: $value'),
          onChangedMonth: (value) => print('onChangedMonth: $value'),
          onChangedYear: (value) => print('onChangedYear: $value'),
        ),

结果屏幕->

【讨论】：