gpt4 book ai didi

Flutter AppBar 图标在所有屏幕上都没有响应

转载 作者:行者123 更新时间:2023-12-04 09:02:37 27 4
gpt4 key购买 nike

我的应用栏上有两个图标,点击保存保存图标消失,批准图标会弹出它工作正常,但根据下图在大屏幕上通过应用栏图标剪切。这是我的代码

appBar: PreferredSize(
preferredSize: Size.fromHeight(70.0),
child: AppBar(
elevation: 10,
automaticallyImplyLeading: false,
backgroundColor: Colors.red,
title: Text('Edit',style:
TextStyle(fontSize: MediaQuery.of(context).size.width*0.1),
),

actions: <Widget>[
isVisibile
? Container(
height: 50,
width: 50,
child: Padding(
padding: EdgeInsets.only(right:MediaQuery.of(context).size.width*0.3),
child: IconButton(
icon: Icon(
Icons.save,
color: Colors.white,
size: MediaQuery.of(context).size.width*0.1,
),

onPressed: () {

},
),
),
)

: Container(),
isInvisible
? Padding(
padding: EdgeInsets.only(right:MediaQuery.of(context).size.width*0.05,bottom: MediaQuery.of(context).size.height*0.05),
child: IconButton(
icon: Icon(
Icons.done,
color: Colors.white,
size: MediaQuery.of(context).size.width*0.1,
),
onPressed: () async {
// approve
},
),
)
: Container(),
],
//),
),
),
这是我在大屏幕上的应用栏
enter image description here
这是我在小屏幕上的图像
enter image description here
那么我怎样才能使图标响应,谢谢

最佳答案

将您的 AppBar 小部件作为 Container 的子项并将边距设置为 EdgeInset.all(4) .这应该有效。
尝试以下代码:

appBar: PreferredSize(
preferredSize: Size.fromHeight(70.0),
child: Container(
padding: EdgeInset.all(4), // you can change this value to 8
child:AppBar(
...

关于Flutter AppBar 图标在所有屏幕上都没有响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63532719/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com