如何解决脚手架状态栏阻止按钮触摸
虽然我处于全屏模式,其中状态栏隐藏,但我右上角的菜单按钮仍然没有被触摸。您可以在图片中看到我选择了接收触摸的顶部栏。
我的菜单按钮有一半可以触摸,一半没有。
我还在小部件选择模式
中拍摄了Flutter Inspector的照片class RoundIconButton extends StatelessWidget {
RoundIconButton({
Key key,@required this.onpressed,@required this.icon,this.fillColor = Colors.transparent,}) : super(key: key);
final Icon icon;
final Function onpressed;
final Color fillColor;
@override
Widget build(BuildContext context) {
return RawMaterialButton(
child: icon,onpressed: onpressed,shape: CircleBorder(),fillColor: fillColor,constraints: BoxConstraints.tightFor(height: 50.0,width: 50.0),);
}
}
解决方法
你必须用 SafeArea 包裹你的 Scaffold,
没有 SafeArea 布局看起来像:
使用 SafeArea 布局看起来像:
,使用 在子 SafeArea 和 SafeArea 内插入所有页面的主体中的脚手架 安全区域有缺口和底栏避免
Scaffold(
body: SafeArea(
child: ...........
...........
),),
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。