Android - net::ERR_NAME_NOT_RESOLVED

Bug description:

When trying the example of usage Android returns an error Encountered an error loading page {"canGoBack": false, "canGoForward": false, "code": -2, "description": "net::ERR_NAME_NOT_RESOLVED", "loading": false, "target": 855, "title": "Webpage not available", "url": "https://reactnative.dev/"} Searching on Google i saw something about AppRegistry if this screen its going to be my root page, but is not my case, and trying on iOS everything is working just fine

To Reproduce:

Try the example of usage in a functional component

import React, {useRef, useState} from 'react';
import {SafeAreaView} from 'react-native';
// More imports

const HomeScreen = () => {
  // More stuff
  return (
    <SafeAreaView>
      <WebView source={{uri: 'https://reactnative.dev/'}} />
    </SafeAreaView>
  );
};

Expected behavior:

Screenshots/Videos:

iOS (working)

Android (not working)

Environment:

• OS: macOS
• OS version: 10.15.6
• react-native version: 0.61.5
• react-native-webview version: 10.8.3

[lklepner]

I’m experiencing this problem as well.

[milesibastos]

The emulator has no access to internet, so try it:

emulator -avd Nexus_5_API_28 -dns-server 8.8.8.8

related thread: https://stackoverflow.com/questions/42736038/android-emulator-not-able-to-access-the-internet