GeekyAnts / NativeBase

Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
https://nativebase.io/
MIT License
20.2k stars 2.39k forks source link

"RNCSafeAreaProvider" was not found in the UIManager. #5774

Open shamkarthik opened 1 year ago

shamkarthik commented 1 year ago

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 (

NativeBase

); };

export default App;


error:
<img width="840" alt="image" src="https://github.com/GeekyAnts/NativeBase/assets/53367916/1968fcc5-f0bc-4bfc-967a-422df140e751">

### 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
```js
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 image

AdarshJais commented 1 year ago

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 commented 10 months ago

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

overkektus commented 5 months ago

any updates?