Edit

WebView

Renders a native WebView.

Props

• View props...

• renderLoading
• automaticallyAdjustContentInsets
• html
• injectedJavaScript
• onError
• onLoad
• onLoadEnd
• onLoadStart
• onNavigationStateChange
• renderError
• contentInset
• startInLoadingState
• style
• url
• domStorageEnabled
• javaScriptEnabled
• allowsInlineMediaPlayback
• bounces
• onShouldStartLoadWithRequest
• scalesPageToFit
• scrollEnabled

Methods

• goForward
• goBack
• reload
• updateNavigationState
• getWebViewHandle
• onLoadingStart
• onLoadingError
• onLoadingFinish

---

Reference

Props

renderLoading

Function that returns a loading indicator.

Type	Required
function	No

---

automaticallyAdjustContentInsets

Type	Required
bool	No

---

html

Type	Required
string	No

---

injectedJavaScript

Sets the JS to be injected when the webpage loads.

Type	Required
string	No

---

onError

Invoked when load fails

Type	Required
function	No

---

onLoad

Invoked when load finish

Type	Required
function	No

---

onLoadEnd

Invoked when load either succeeds or fails

Type	Required
function	No

---

onLoadStart

Invoked on load start

Type	Required
function	No

---

onNavigationStateChange

Type	Required
function	No

---

renderError

Function that returns a view to show if there's an error.

Type	Required
function	No

---

contentInset

Type	Required
object: {top: number, left: number, bottom: number, right: number}	No

---

startInLoadingState

Type	Required
bool	No

---

style

Type	Required
View	No

---

url

Type	Required
string	No

---

domStorageEnabled

Used on Android only, controls whether DOM Storage is enabled or not

Type	Required	Platform
bool	No	Android

---

javaScriptEnabled

Used on Android only, JS is enabled by default for WebView on iOS

Type	Required	Platform
bool	No	Android

---

allowsInlineMediaPlayback

Determines whether HTML5 videos play inline or use the native full-screen controller. default value false NOTE : "In order for video to play inline, not only does this property need to be set to true, but the video element in the HTML document must also include the webkit-playsinline attribute."

Type	Required	Platform
bool	No	iOS

---

bounces

Type	Required	Platform
bool	No	iOS

---

onShouldStartLoadWithRequest

Allows custom handling of any webview requests by a JS handler. Return true or false from this method to continue loading the request.

Type	Required	Platform
function	No	iOS

---

scalesPageToFit

Sets whether the webpage scales to fit the view and the user can change the scale.

Type	Required	Platform
bool	No	iOS

---

scrollEnabled

Type	Required	Platform
bool	No	iOS

Methods

goForward()

goForward();

---

goBack()

goBack();

---

reload()

reload();

---

updateNavigationState()

updateNavigationState((event: Event));

We return an event with a bunch of fields including: url, title, loading, canGoBack, canGoForward

---

getWebViewHandle()

getWebViewHandle():

---

onLoadingStart()

onLoadingStart((event: Event));

---

onLoadingError()

onLoadingError((event: Event));

---

onLoadingFinish()

onLoadingFinish((event: Event));