脚手架状态栏阻止按钮触摸

问题描述

虽然我处于全屏模式，其中状态栏隐藏，但我右上角的菜单按钮仍然没有被触摸。您可以在图片中看到我选择了接收触摸的顶部栏。

我的菜单按钮有一半可以触摸，一半没有。

我还在小部件选择模式

中拍摄了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: ...........
    ...........
  ),),