在编写Row线性布局的时候发现,FlatButton时间选择器按钮之间留有一定的内边距。
经过检验,大部分的按钮都留有一定的左右内边距。
查看源码发现
const FlatButton({
Key? key,
required VoidCallback? onPressed,
VoidCallback? onLongPress,
ValueChanged<bool>? onHighlightChanged,
MouseCursor? mouseCursor,
ButtonTextTheme? textTheme,
Color? textColor,
Color? disabledTextColor,
Color? color,
Color? disabledColor,
Color? focusColor,
Color? hoverColor,
Color? highlightColor,
Color? splashColor,
Brightness? colorBrightness,
EdgeInsetsGeometry? padding,
VisualDensity? visualDensity,
ShapeBorder? shape,
Clip clipBehavior = Clip.none,
FocusNode? focusNode,
bool autofocus = false,
MaterialTapTargetSize? materialTapTargetSize,
required Widget child,
double? height,
double? minWidth,
})
其中有一条,可以设置内边距。
EdgeInsetsGeometry? padding,
如果需要取消这个边距的话就直接添加
padding: EdgeInsets.zero,
Row(
mainAxisSize: MainAxisSize.min,
children: [
FlatButton(
onPressed: () {
DatePicker.showDatePicker(
context,
showTitleActions: true,
minTime: DateTime(1900, 1, 1),
maxTime: DateTime(2100, 12, 31),
onConfirm: (date) {
setState(() {
nowtime = date;
});
},
currentTime: DateTime.now(),
locale: LocaleType.zh,
);
},
child: Text(
formatDate(nowtime, ['yyyy', '-', 'mm', '-', 'dd']),
style: TextStyle(
color: Colors.black, fontSize: 18.0, fontFamily: 'PH'),
)),
Text("至",
style: TextStyle(
color: Colors.black, fontSize: 18.0, fontFamily: 'PH')),
Container(
child: FlatButton(
onPressed: () {
DatePicker.showDatePicker(
context,
showTitleActions: true,
minTime: DateTime(1900, 1, 1),
maxTime: DateTime(2100, 12, 31),
onConfirm: (date) {
setState(() {
endtime = date;
});
},
currentTime: endtime,
locale: LocaleType.zh,
);
},
child: Text(
formatDate(endtime, ['yyyy', '-', 'mm', '-', 'dd']),
style: TextStyle(
color: Colors.black, fontSize: 18.0, fontFamily: 'PH'),
)),
),
Container(
child: MaterialButton(
onPressed: () {
print("helo");
},
child: Text(
AppStrings.Search,
style: TextStyle(
color: Colors.deepPurpleAccent, fontSize: 18.0, fontFamily: 'PH'),
),
),
)
],
),