reactjs - React Native - 没有可用的安全区域插入值

Question

No safe area insets value available. Make sure you are rendering <SafeAreaProvider> at the top of your app

我将整个应用程序包装在其中，但仍然收到错误

import React from 'react'
import { Provider } from 'react-redux';
import { StatusBar } from 'expo-status-bar';
import Main from './Main';
import store from './src/redux/store';
import { SafeAreaView } from 'react-native-safe-area-context';

export default function App() {

  return (
    <SafeAreaView>
      <Provider store={store}>
        <StatusBar style='auto' hidden />
        <Main />
      </Provider>
    </SafeAreaView>
  );
}

Answer 1

这是SafeAreaProvider而不是SafeAreaView

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