Flutter 如何删除appBar中抽屉图标和Flatter中搜索图标之间的填充
我制作了appBar,在其中添加了一个抽屉,还添加了搜索图标。抽屉图标和搜索图标之间存在填充问题,我无法摆脱它 这是代码:Flutter 如何删除appBar中抽屉图标和Flatter中搜索图标之间的填充,flutter,dart,Flutter,Dart,我制作了appBar,在其中添加了一个抽屉,还添加了搜索图标。抽屉图标和搜索图标之间存在填充问题,我无法摆脱它 这是代码: class _HomeState extends State<Home> { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( titleSpacing: 0, title: Row(
class _HomeState extends State<Home> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
titleSpacing: 0,
title: Row(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
IconButton(
icon: Icon(Icons.search),
onPressed: () {},
),
],
),
backgroundColor: Color(0xffffffff),
elevation: 1,
toolbarHeight: 40.0,
iconTheme: IconThemeData(color: Colors.grey),
),
drawer: Drawer(
child: ListView(
children: <Widget>[],
),
),
body: Container(
height: MediaQuery.of(context).size.height,
width: MediaQuery.of(context).size.width,
color: Color(0xfffafafa),
child: Text("hello"),
),
);
}
}
class\u HomeState扩展状态{
@凌驾
小部件构建(构建上下文){
返回脚手架(
appBar:appBar(
标题间距:0,
标题:世界其他地区(
mainAxisAlignment:mainAxisAlignment.start,
crossAxisAlignment:crossAxisAlignment.start,
儿童:[
图标按钮(
图标:图标(Icons.search),
按下:(){},
),
],
),
背景颜色:颜色(0xFFFFFF),
立面图:1,
高度:40.0,
iconTheme:IconThemeData(颜色:Colors.gray),
),
抽屉(
子:ListView(
儿童:[],
),
),
主体:容器(
高度:MediaQuery.of(context).size.height,
宽度:MediaQuery.of(context).size.width,
颜色:颜色(0xFFFAFA),
孩子:文本(“你好”),
),
);
}
}
用这个包装搜索按钮将减少填充
不确定要移除多少填充物
SizedBox(
width: 10.0,
child: IconButton(
padding: EdgeInsets.zero,
icon: Icon(Icons.search),
onPressed: () {},
),
),
添加以下行以删除图标按钮的默认填充:
IconButton(
constraints: BoxConstraints(),
padding: const EdgeInsets.all(0),),
像这样试试
appBar: AppBar(
title: Text(title),
backgroundColor: kPrimaryLightColor,
actions: <Widget>[
Padding(
padding: EdgeInsets.only(right: 20.0),
child: GestureDetector(
onTap: () {},
child: Icon(
Icons.message_rounded,
size: 30.0,
),
)),
appBar:appBar(
标题:文本(标题),
背景颜色:kPrimaryLightColor,
行动:[
填充物(
填充:仅限边缘设置(右侧:20.0),
儿童:手势检测器(
onTap:(){},
子:图标(
Icons.message_四舍五入,
尺寸:30.0,
),
)),
没有任何变化