Flutter iOS端能否在刘海屏旁的非安全区放置可点击的左右按钮？

该问题通常由以下4种常见原因导致，按优先级排查即可： #

• 1. 按钮可点击区域过小
     苹果官方推荐的最小可点击交互区域为44x44pt，你当前设置的按钮尺寸仅为26x17、26x20，远小于最小可点击阈值，即使视觉上位置正确，系统也会大概率判定点击事件不属于该按钮。
     修复方案：给CustomIconButton增加足够的内边距撑大可点击区域，示例：

CustomIconButton(
  icon: widget.menuIcon,
  width: 26,
  height: 17,
  padding: const EdgeInsets.all(12), // 新增内边距，整体点击区域扩大到48x40左右
  onPressed: () => menuPressed(),
)

如果你的CustomIconButton不支持padding属性，可以在外层包裹Padding组件，或者在CustomIconButton内部的InkWell/GestureDetector上设置behavior: HitTestBehavior.opaque。

• 2. 子组件超出Stack的命中测试范围
     如果你把Stack放在了SafeArea内部，或者Stack的父组件默认裁剪溢出内容，那么你通过Positioned放到状态栏区域的按钮实际已经超出了Stack的布局范围，默认不会响应点击事件。
     修复方案：
  3. 将Stack移到SafeArea外层，保证Stack的布局范围包含状态栏区域
  4. 给Stack设置hitTestBehavior: HitTestBehavior.translucent，给Stack的父组件设置clipBehavior: Clip.none
     示例代码：

return Scaffold(
  extendBodyBehindAppBar: true, // 核心配置：让页面内容延伸到状态栏下方
  body: Stack(
    clipBehavior: Clip.none,
    hitTestBehavior: HitTestBehavior.translucent, // 允许超出Stack范围的子组件响应点击
    children: [
      // 你的原有代码
      if (widget.showMenu)
        Positioned(
          top: _iconPosition,
          left: _iconPosition + 4,
          child: CustomIconButton(
            icon: widget.menuIcon,
            width: 26,
            height: 17,
            padding: const EdgeInsets.all(12),
            onPressed: () => menuPressed(),
          ),
        ),
      if (widget.showLeaderboard)
        Positioned(
          top: _iconPosition,
          right: _iconPosition,
          child: CustomIconButton(
            icon: IconHelper.leaderboard,
            width: 26,
            height: 20,
            tooltip: ToolTip(icon: IconHelper.leaderboardPlus),
            padding: const EdgeInsets.all(12),
          ),
        ),
    ],
  )
);

• 3. 系统边缘手势拦截了触摸事件
     iOS默认会优先处理状态栏、屏幕边缘的系统手势（如下拉通知中心、侧滑返回等），会拦截对应区域的自定义组件点击事件。
     修复方案：如果你的页面不需要侧滑返回等系统边缘手势，可以在对应页面的路由中设置gestureRecognizers禁用对应区域的系统手势，或者使用WillPopScope配合自定义手势处理。
• 4. 按钮被其他透明组件遮挡
     检查Stack的children顺序，确认你的按钮组件没有被后面渲染的透明度为0、或者颜色完全透明的组件覆盖，这类组件默认也会消费点击事件。
     如果确实需要保留覆盖的透明组件，可以给该组件设置IgnorePointer(ignoring: true)让它不响应命中测试。

内容的提问来源于stack exchange，提问作者KNV