react-native-webview: error: package androidx.core.content does not existimport androidx.core.content.FileProvider;

it’s weird, try to remove it first with react-native uninstall react-native-webview, then install it again with react-native install react-native-webview@5.8.1 maybe your local still caching the last installed

add jetifier will fixed it npm install --save-dev jetifier npx jetify npx react-native run-android

I currently have the same problem, but I was able to find that you can add

android.useAndroidX=true
android.enableJetifier=true

to make your project compatible with AndroidX. However, I still get

/MyAwesomeProject/node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java:13: error: package android.support.annotation does not exist
import android.support.annotation.RequiresApi;
                                 ^
/MyAwesomeProject/node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java:687: error: cannot find symbol
    @RequiresApi(api = Build.VERSION_CODES.KITKAT)
     ^
  symbol:   class RequiresApi
  location: class RNCWebChromeClient
Note: /MyAwesomeProject/node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java uses or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: /MyAwesomeProject/node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java uses unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.

This is very frustrating as even the fresh install of the app from scratch wouldn’t work…

thanks to @muhamad-rizki, 5.8.0 works for me after several attempts.

remember to react-native unlink react-native-webview, install 5.8.0 version, and react-native link react-native-webview again.

I even used command watchman watch-del-all && rm package-lock.json && rm -rf node_modules && rm -rf $TMPDIR/metro-* && rm -rf $TMPDIR/haste-map-* && npm install to nuke anything cached.

were I to tell my native app dev peers that I spent one hour just to get the bloody system web view to work, they would roll on the floor laughing

this is typical working with React Native: most of the time you’re flying, but what we say to platform native component bridging? NOT TODAY

i was running getting this issue when installing without specifying the package version today. when i setted it to:

• yarn add react-native-webview@6.3.1 it worked!! Everytime i’m starting new projects i got shivers on my spine, don’t even talk about updates. Specially when working on backends that have a lot of external api calls besides the own dependencies.

FYI – the relevant change is to add this to your ./android/gradle.properties file:

android.useAndroidX=true
android.enableJetifier=true

I currently have the same problem, but I was able to find that you can add

android.useAndroidX=true
android.enableJetifier=true

to make your project compatible with AndroidX. However, I still get

/MyAwesomeProject/node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java:13: error: package android.support.annotation does not exist
import android.support.annotation.RequiresApi;
                                 ^
/MyAwesomeProject/node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java:687: error: cannot find symbol
    @RequiresApi(api = Build.VERSION_CODES.KITKAT)
     ^
  symbol:   class RequiresApi
  location: class RNCWebChromeClient
Note: /MyAwesomeProject/node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java uses or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: /MyAwesomeProject/node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java uses unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.

This is very frustrating as even the fresh install of the app from scratch wouldn’t work…

So frustrating ! I did a poc last week with version 5.8.1 and it worked fine, starting the new project today from scratch with new version not working anymore…

"react-native-webview": "^5.11.0", still getting the error. Now I’m going test with 5.9.1.

… and yes, I have add

android.useAndroidX=true
android.enableJetifier=true

[UPDATE]

5.9.1 still giving the error

> Task :react-native-webview:compileDebugJavaWithJavac FAILED
node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewModule.java:14: error: package android.support.annotation does not exist
import android.support.annotation.RequiresApi;
                                 ^
node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewModule.java:15: error: package android.support.v4.content does not exist
import android.support.v4.content.ContextCompat;
                                 ^
node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewModule.java:16: error: package android.support.v4.content does not exist
import android.support.v4.content.FileProvider;
                                 ^
node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewFileProvider.java:3: error: package android.support.v4.content does not exist
import android.support.v4.content.FileProvider;
                                 ^
node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewFileProvider.java:10: error: cannot find symbol
public class RNCWebViewFileProvider extends FileProvider {
                                            ^
  symbol: class FileProvider
node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java:13: error: package android.support.annotation does not exist
import android.support.annotation.RequiresApi;
                                 ^
node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewModule.java:178: error: cannot find symbol
  @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
   ^
  symbol:   class RequiresApi
  location: class RNCWebViewModule
node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java:692: error: cannot find symbol
    @RequiresApi(api = Build.VERSION_CODES.KITKAT)
     ^
  symbol:   class RequiresApi
  location: class RNCWebChromeClient
node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewModule.java:224: error: cannot find symbol
    if (ContextCompat.checkSelfPermission(getCurrentActivity(), Manifest.permission.WRITE_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED) {
        ^
  symbol:   variable ContextCompat
  location: class RNCWebViewModule
node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewModule.java:352: error: cannot find symbol
    return FileProvider.getUriForFile(getReactApplicationContext(), packageName + ".fileprovider", capturedFile);
           ^
  symbol:   variable FileProvider
  location: class RNCWebViewModule
Note: node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java uses or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: node_modules/react-native-webview/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java uses unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
10 errors

FAILURE: Build failed with an exception.

"react": "16.8.3",
"react-native": "0.59.9",

lower versions shows #579

try v5.8.0 or 5.8.1

#520 try using rn webview lower than v6.0.0 like v5.9.0

I’m using below version to make it work: RN v59.8 RN Webview v5.8.0

@Titozzz just upgraded to 6.0.2, did clean up node_modules, still can’t get Android project to compile:

1. Android Studio would complain following files are missing

// com.reactnativecommunity.webview.RNCWebViewModule.java

import androidx.annotation.RequiresApi;
import androidx.core.content.ContextCompat;
import androidx.core.content.FileProvider;

1. Enabled AndroidX following this guide

2. error mentioned in step 1 is gone, but react-native-gesture-handler is failing because of using the support library v4, someone reported the issue there

since react-native-gesture-handler is being widely used (partially because react-navigation requires it), we might need to stay on 5.9.1 for a while

with total fresh project, I did try react-native uninstall react-native-webview react-native install react-native-webview@5.8.1 or 5.8.0 still not work, waiting for later lib fix or other solution.

lower versions shows #579

try v5.8.0 or 5.8.1

same behaviour not working 😦

@chrischenyc There is going to be a transition period from old libraries to AndroidX, I also use RNGH in my personal project. I keep publishing on the 5.X branch, I’ll add the incompatibilities to readme and discuss with other libraries maintainers.

thanks to @muhamad-rizki, 5.8.0 works for me after several attempts.

remember to react-native unlink react-native-webview, install 5.8.0 version, and react-native link react-native-webview again.

I even used command watchman watch-del-all && rm package-lock.json && rm -rf node_modules && rm -rf $TMPDIR/metro-* && rm -rf $TMPDIR/haste-map-* && npm install to nuke anything cached.

were I to tell my native app dev peers that I spent one hour just to get the bloody system web view to work, they would roll on the floor laughing

this is typical working with React Native: most of the time you’re flying, but what we say to platform native component bridging? NOT TODAY

I did as said and build was successful but this error pops up on the emulator.

Update:

Turns out In MainApplication.java

new RNCWebViewPackage() was duplicated automatically