如何设置边框半径并删除标题栏以显示DatePicker



我正在使用showDatePicker((方法在我的flutter应用程序中显示一个日期选择器。如何设置边框半径并删除标题栏?

这是我的代码:

showDatePicker(
  locale: Locale('ja'),
  context: context,
  initialDate: _dateTime,
  firstDate:
      DateTime(DateTime.now().year - 5),
  lastDate: DateTime(DateTime.now().year + 5),
  builder: (context, child) {
    return Theme(
      data: ThemeData.light().copyWith(
        primaryColor:
            helper.hexColor('#007AFF'),
        accentColor:
            helper.hexColor('#007AFF'),
        colorScheme: ColorScheme.light(
            primary:
                helper.hexColor('#007AFF')),
        buttonTheme: ButtonThemeData(
            textTheme: ButtonTextTheme
                .primary), // This will change to light theme.
      ),
      child: child,
    );
  },
);

您可以在ThemeData:中设置边界半径

ThemeData(
      dialogTheme: const DialogTheme(
          shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.all(Radius.circular(16)))),
)

此代码用于控制showDatePicker和borderRadius 的大小

 Future _selectDate(BuildContext context, BoxConstraints constraints) async {
final DateTime? picked = await showDatePicker(
  context: context,
  initialDate: DateTime.now(),
  firstDate: DateTime(1900),
  lastDate: DateTime(2100),
  builder: (context, child) {
    return Column(
      children: <Widget>[
        Padding(
          padding: const EdgeInsets.only(top: 50.0),
          child: Container(
            height: constraints.maxHeight * 0.9,
            width: constraints.maxWidth * 0.6,
            decoration: BoxDecoration(
              border: Border.all(color: Colors.black12),
              borderRadius: BorderRadius.circular(10),
              color: Colors.white,
              boxShadow: [
                BoxShadow(
                  color: Colors.blue.shade200,
                  blurRadius: 1,
                  offset: const Offset(2, 2), // Shadow position
                ),
              ],
            ),
            child: Material(
                borderRadius: BorderRadius.circular(10),
                clipBehavior: Clip.antiAliasWithSaveLayer,
                child: child),
          ),
        ),
      ],
    );
  },
);

}

最新更新