ios - 如何在 React Native 中知道 iOS 设备的有用高度？

Question

在一些非常具体的情况下，我需要将 View 的高度设置为设备有用区域的完整高度(不使用 Flex)。

我使用硬编码的“凹口高度”来计算这个有用的高度，但我刚刚发现凹口可以根据设备具有不同的高度。 (iPhone XS 和 iPhone XS Max 之间有 3 点差异)。

有没有办法知道带有凹口和安全区域的设备的有用高度？

Answer 1

使用“react-native-safe-area-context”

https://www.npmjs.com/package/react-native-safe-area-context#usesafeareainsets

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

function Screen() {
  const insets = useSafeAreaInsets();
  
  console.log(insets);
  //{"bottom": 34, "left": 0, "right": 0, "top": 48}

  return <View />;
}