"RNCSafeAreaProvider" was not found in the UIManager.

[shamkarthik]

Description

I was trying to integrate NativeBase with React Native 0.72.3

CodeSandbox/Snack link

na

Steps to reproduce

1. yarn add native-base react-native-svg@12.1.1 react-native-safe-area-context@3.3.2
2. updated App.tsx as given in the docs

import {Box, NativeBaseProvider} from 'native-base';
import React from 'react';

const App = () => {
 return (
   <NativeBaseProvider>
     <Box safeArea>NativeBase</Box>
   </NativeBaseProvider>
 );
};

export default App;

error:

NativeBase Version

3.4.28

Platform

• Android
• CRA
• Expo
• iOS
• Next

Other Platform

react native cli

Additional Information

3. also tried giving safeareaprovider as such and still received the same error

import {Box, NativeBaseProvider} from 'native-base';
import React from 'react';
import {SafeAreaProvider} from 'react-native-safe-area-context';

const App = () => {
  return (
    <SafeAreaProvider>
      <NativeBaseProvider>
        <Box safeArea>NativeBase</Box>
      </NativeBaseProvider>
    </SafeAreaProvider>
  );
};

export default App;

error

[AdarshJais]

Hi @shamkarthik, I faced the same issue while adding NB to the new fresh RN latest project. I was able to solve this by rebuilding the app after adding the package. Hope this works for you too. Let me know if you this get resolve for you as well.

[EOMZON]

Have you already solved this problem? I have encountered the same problem as you.