Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Load WebView on initial render
See original GitHub issueBug description:
I’m trying to preload my WebView in a tab using React Navigations Bottom Tabs Navigator and the prop lazy set to false so that the screen is loaded on initial render.
Unfortunately while the screen renders the actual WebView component does not until the tab is active, this appears to only affect iOS.
To Reproduce:
Set lazy: false to screenOptions prop of Tab.navigator or options prop of Tab.Screen and render WebView as a component on the screen.
Expected behavior: WebView component should be loaded on initial render.
Environment:
- OS: iOS
- OS version: 15.4
- react-native version: 0.67.4
- react-native-webview version: 11.17.2
If there are other known working solutions to preload WebView please let me know.
Issue Analytics
- State:
- Created a year ago
- Reactions:3
- Comments:12
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
We are experiencing the same issue on our React Native App which is causing a terrible user experience. When a user switches to a tab using the bottom tab bar there have to wait nearly 5 seconds for the Webview to load. If the above issue was fixed it would be amazing as the Webview would already be loaded when the user lands on that tab.
+1