Answers for ""RNCSafeAreaProvider" was not found in the UIManager"

1

requireNativeComponent: "RNCSafeAreaProvider" was not found in the UIManager.

npm install react-native-safe-area-context
npx pod-install ios 

//add SafeAreaProvider to the app

import { SafeAreaProvider } from 'react-native-safe-area-context';
 
function App() {
  return <SafeAreaProvider>...</SafeAreaProvider>;
}
Posted by: Guest on February-10-2021
0

"RNCSafeAreaProvider" was not found in the UIManager

Follow These Steps:

1. android/settings.gradle
include ':react-native-safe-area-context'
project(':react-native-safe-area-context').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-safe-area-context/android')

2. android/app/build.gradle
dependencies {
    implementation project(':react-native-safe-area-context')
    ...
}

3. android/app/src/main/java/com/[APP_NAME]/MainApplication.java
import com.th3rdwave.safeareacontext.SafeAreaContextPackage;

4. android/app/src/main/java/com/[APP_NAME]/MainApplication.java (Add this code where the getPackages function exists)
@Override
protected List<ReactPackage> getPackages() {
    return Arrays.asList(
        ...
        new MainReactPackage(),
        new SafeAreaContextPackage()
    );
}

OR if already a package is returned then this code

@Override
protected List<ReactPackage> getPackages() {
    List<ReactPackage> packages = new PackageList(this).getPackages();
    packages.add(new ModuleRegistryAdapter(mModuleRegistryProvider));
    ...
    packages.add(new SafeAreaContextPackage());
    return packages;
}
You can also get this for IOS https://github.com/th3rdwave/react-native-safe-area-context#linking-in-react-native--060-1
Posted by: Guest on August-20-2021

Code answers related to ""RNCSafeAreaProvider" was not found in the UIManager"

Code answers related to "Javascript"

Browse Popular Code Answers by Language