删除 DateTimePicker 上的底线

Question

大家好，

希望你一切顺利。我正在尝试删除 Flutter 中 datetimepicker 的底线，但我没有找到解决方案。一些帮助将不胜感激。非常感谢。

Card(
                      child: Padding(
                        padding: const EdgeInsets.fromLTRB(2.0, 2.0, 15.0, 1.0),
                        child: DateTimePicker(
                          decoration: InputDecoration(
                            border: InputBorder.none,
                          ),
                          type: DateTimePickerType.dateTimeSeparate,
                          dateMask: 'd MMM yyyy',
                          controller: _controlerTaskDueDate,
//initialValue: DateTime.now().toString(),
                          firstDate: DateTime(2020),
                          lastDate: DateTime(2200),
                          icon: Padding(
                            padding: const EdgeInsets.fromLTRB(5.0, 4.0, 0.0, 1.0),
                            child: Icon(Icons.event),
                          ),
                          dateLabelText: 'Due Date',
                          timeLabelText: "Due Time",

//use24HourFormat: false,
                          selectableDayPredicate: (date2) {
                            if (date2.weekday == 6 || date2.weekday == 7) {
                              return true;
                            }
                            return true;
                          },
                          onChanged: (valDueDate) => setState(() => _valueTaskDueDateChanged = valDueDate),
                          validator: (valDueDate) {
                            setState(() => _valueTaskDueDateToValidate = valDueDate);
                            return null;
                          },
                          onSaved: (valDueDate) => setState(() => _valueTaskDueDateSaved = valDueDate),
                        ),
                      ),
                    ),

Answer 1

在您的 DateTimePicker() 小部件中，添加以下装饰：

decoration: InputDecoration(
  border: InputBorder.none,
),

更新：

由于我之前的回答覆盖了 DateTimePicker 装饰，所以我发现这个可行：

Theme(
  data: ThemeData(
    inputDecorationTheme: InputDecorationTheme(
      border: InputBorder.none,
    )
  ),
  child: //your card widget,
),

删除 DateTimePicker 上的底线

Remove bottom line on DateTimePicker

datetimepicker