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>;
}Invariant Violation: requireNativeComponent: "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-1Invariant Violation: requireNativeComponent: "RNCWebView" was not found in the UIManager.
cd ios && pod installCopyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
