Flutter（iOS）中的凹槽旁边的不安全区域是不是可以有左/右按钮？

Posted 2023-03-17

【中文标题】Flutter（iOS）中的凹槽旁边的不安全区域是不是可以有左/右按钮？

【英文标题】：Is it possible to have left/right buttons in unsafe area next to the notch in Flutter (iOS)?Flutter（iOS）中的凹槽旁边的不安全区域是否可以有左/右按钮？

【发布时间】：2022-01-12 13:11:10

【问题描述】：

我目前正在开发我的第一个 Flutter 应用程序，现在我正在尝试在缺口旁边实现一个按钮（参见附图）。将按钮放在所需的位置不是问题，但按钮不可点击。在原生 ios 应用程序中将按钮放在凹槽旁边时，该按钮是可点击的。为屏幕顶部的按钮使用 Stack 小部件。

return Stack(
  children: [
    if (widget.showMenu)
      Positioned(
        top: _iconPosition,
        left: _iconPosition + 4,
        child: CustomIconButton(
          icon: widget.menuIcon,
          width: 26,
          height: 17,
          onPressed: () => menuPressed(),
        ),
      ),
    if (widget.showLeaderboard)
      Positioned(
        top: _iconPosition,
        right: _iconPosition,
        child: CustomIconButton(
          icon: IconHelper.leaderboard,
          width: 26,
          height: 20,
          tooltip: ToolTip(icon: IconHelper.leaderboardPlus),
        ),
      ),
  ],
);

【参考方案1】：

您可以将Stack 小部件与SafeArea 小部件与top: true, bottom : true, right : true and legt : true 包装在一起。 所以你可以避开不安全的区域。

【讨论】：

我想你的意思是top: false，但不，这行不通。