This video will show you how easy it is to add Webviews to your React Native App. I will also show you how to connect a loading progress bar to the Webview so the user is aware of the loading state.
💻Get the Code: https://github.com/cheetahcoding/React-Native-Tutorials/tree/web_views
âš¡Connect on Facebook: https://www.facebook.com/cheetahcoding
âš¡Connect on Twitter: https://twitter.com/cheetahcoding
Music: https://www.bensound.com
01:32 – Adding the Webview component and loading a url
02:43 – Handling Webview errors
04:55 – Handling injected javascript using the injectedJavascript prop
06:08 – How to load from a local .html file
09:31 – Sending data from javascript to your app using postMessage
12:03 – Adding headers to your Webview
13:23 – Adding a customized progress bar to show Webview loading progress