如何删除flutter中日期时间域的默认十字图标?

41zrol4v  于 2023-02-05  发布在  Flutter
关注(0)|答案(1)|浏览(124)

Center(
  child: Container(
    width: MediaQuery.of(context).size.width / 2.5,
    decoration: BoxDecoration(
        border: Border.all(color: Colors.blueAccent,width: 1),
      color: colorPrimary,
      borderRadius: radius(10),
    ),
    padding: EdgeInsets.symmetric(horizontal: 5.w),
    child: Row(
      mainAxisSize: MainAxisSize.max,
      children: [
        const Icon(Icons.calendar_month,size: 20),
        Expanded(
          child: Theme(
            data: ThemeData(
                inputDecorationTheme: InputDecorationTheme(
                  border: InputBorder.none,
                )
            ),
            child: DateTimeField(
              // readOnly: _isDateTimeReadonly,
              controller: _dobController,
              cursorColor: white,
              format: format,
              onShowPicker: (context, currentValue) {
                if (_dobController.text.isEmpty) _selectedDate = "";
                // else if (!_isDateTimeReadonly)
                return showDatePicker(
                  context: context,
                  initialDate: currentValue ?? DateTime.now(),
                  // initialDate: _selectedDate!.isNotEmpty ? DateTime.parse(_selectedDate!) : DateTime.now(),
                  firstDate: DateTime(1900),
                  lastDate: DateTime.now(),

                  // lastDate: DateTime.now().subtract(Duration(days: 6570)),
                ).then((res) {
                  if (res != null) {
                    _selectedDate = res.toLocal().toString().split(' ')[0];
                    _dobController.text = _selectedDate!;
                    isDateSelected = true;
                    _affiliateReward.currentState!.refreshData();
                    print('Response Date : ${res}');
                    print('isDateSelected : ${isDateSelected}');
                  }
                  return res;
                });
              },
            ),
          ),
        ),
        const Icon(Icons.calendar_month,size: 20),

      ],
    ),
  ),
),

所以,上面的代码是日期时间域的。我想删除默认的十字图标。我该怎么删除它?
在出版和平面设计中,Lorem ipsum是一种占位符文本,通常用于演示文档或字体的视觉形式,而不依赖于有意义的内容。在最终副本可用之前,Lorem ipsum可用作占位符。

e4eetjau

e4eetjau1#

尝试suffixIconsuffix属性,并传递空容器。

DateTimeFormField(
  decoration: const InputDecoration(
    suffixIcon: Container(),
    // or
    suffix: Container(),
  ),
   // your other stuff
),

相关问题