webview error 'Encountered an error loading page @RN 0.34.1

See original GitHub issue
E/ReactNativeJS(27798):   'Encountered an error loading page', { canGoForward: false,
E/ReactNativeJS(27798):   code: -2,
E/ReactNativeJS(27798):   canGoBack: false,
E/ReactNativeJS(27798):   description: 'net::ERR_NAME_NOT_RESOLVED',
E/ReactNativeJS(27798):   loading: false,
E/ReactNativeJS(27798):   title: '',
E/ReactNativeJS(27798):   url: 'https://www.baidu.com/',
E/ReactNativeJS(27798):   target: 122 }

following my code://<Loading> component is custom.

                <WebView
                    scalesPageToFit={true}
                    renderLoading={()=><Loading value="XXX"/>}
                    renderError={()=><Loading value="XXX"/>}
                    onError={()=><Loading/>}
                    source={{uri: "https://www.XXX.com"}}
                    style={{padding: 10}}
                />

Who can help me?

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:17 (3 by maintainers)

github_iconTop GitHub Comments

6reactions
jackson-sandlandcommented, Jul 23, 2017

Yes, this is still an issue. I’m seeing this on the latest react-native as of July 22, 2017. Perhaps, wait for a solution to be posted before closing the issue.

1reaction
shivanikumar444commented, Feb 28, 2017

+1 Same here, does any one have a proper solution for this issue.

Read more comments on GitHub >

github_iconTop Results From Across the Web

WebView in react-native gets error "Encountering an error ...
I am using WebView to login to my web page via Facebook. If the user logins successfully, It will redirect the user to...
Read more >
react-native-webview - npm
React Native WebView component for iOS, Android, macOS, and Windows. Latest version: 11.26.0, last published: 19 days ago.
Read more >
How to use WebView in React Native - Educative.io
A WebView is an embedded browser that can be used to display web pages inside your React Native applications. It can display anything...
Read more >
WebView - React Native
Function that returns a view to show if there's an error. Type, Required. function, No. renderLoading ​. Function that returns a loading ......
Read more >
WebView: Error loading page - ERR NAME NOT RESOLVED
I get this error: Encountered an error loading page - ERR NAME NOT RESOLVED Why ? import { ... WebView } from 'react-native';...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found