如何检测iOS或Android设备在flutter设备底部是否有HomeBar

Question

带有 HomeBar 的设备在页面底部需要一些间距。 因此，我们需要检查设备是否有主页栏，以便我们可以相应地提供填充。

如何知道设备在 flutter 中是否有 HomeBar？

Answer 1

您可以使用SafeArea小部件轻松包裹您的内容并避免底部插入。

要实际获取大小，您可以使用MediaQuery.of(context).viewInsets并检查其底部插图。 （你不需要这样做，如果你只是想添加填充。像我上面提到的那样使用SafeArea 。）

Answer 2

您可以使用MediaQuery.of(context).padding.bottom并在非零值时执行特定操作。 例如

if (MediaQuery.of(context).padding.bottom > 0) {
  // homebar is present
} else {
  // homebar is not present
}

或者您可以使用MediaQuery.of(context).viewInsets.bottom 。 MediaQuery.of(context).padding.bottom和MediaQuery.of(context).viewInsets.bottom都会给你相同的结果，但使用viewInsets.bottom更准确，因为它考虑了可能存在的任何系统 UI 元素，例如键盘，而不仅仅是主页栏。

Answer 3

SafeArea()

通过足够的填充来插入其子项以避免操作系统入侵的小部件。

例如，这将使子项缩进足够多以避免屏幕顶部的状态栏。

它还会缩进孩子所需的数量，以避免 iPhone X 上的缺口或显示器的其他类似创意物理特征。

指定最小填充时，将应用最小填充或安全区域填充中的较大者。