React Native — значение вставки безопасной области недоступно

Нет доступного значения вставки безопасной области. Убедитесь, что вы отображаете <SafeAreaProvider> в верхней части вашего приложения.

Я завернул в него все свое приложение, и я все еще получаю сообщение об ошибке

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>
  );
}

🤔 А знаете ли вы, что...
React предлагает виртуальное DOM для оптимизации производительности при обновлении интерфейса.


53
1

Ответ:

Решено

Это SafeAreaProvider не SafeAreaView

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