react-native 获取上下安全区域高度问题

app.tsx

import {
  SafeAreaProvider,
  initialWindowMetrics,
} from 'react-native-safe-area-context';

function App() {
  return (
    <SafeAreaProvider initialMetrics={initialWindowMetrics}>
      ...
    </SafeAreaProvider>
  );
}

home.tsx

import { useSafeAreaInsets } from 'react-native-safe-area-context'
const insets = useSafeAreaInsets()
// insets: { top: number, left: number, right: number, bottom: number },

参考链接

https://www.jianshu.com/p/ae55813d4ce7