React Native。 iOS/iPad。检测设备是否有底部凹口（向上滑动条）

Question

如果您查看 iPad 设备和应用程序的底部，对于不同的型号：

• iPad Pro（11 英寸）第三代 - 有底部凹口

• iPad 第 6 代 - 没有

有什么办法可以检测到这个区域吗？标签栏样式校正需要它，因为它看起来不同。
（好像

react-native-device-info

没有这个API）

Answer 1

import { useSafeAreaInsets } from 'react-native-safe-area-context';

const { bottom } = useSafeAreaInsets();
const hasBottomNotch = bottom > 0;

对于 iPad 没有底部凹口返回零。
对于底部缺口的 iPad，返回大于零（例如 20）。