我正在使用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),
),
),
],
);
},
);
}