WebView

<WebView> is a UI component for rendering web content. The content can be from a remote URL, a local file, or an inline string.

See also: HtmlView.

<WebView src="https://nativescript.org/" />

Props ​

src ​

src: string

The source to load in the WebView. The value can be a valid HTTP URL, a path to a local HTML file, or a HTML string.

Example:

webView.src = 'https://nativescript.org/'
webView.src = '~/assets/html/index.html'
webView.src = '<div><h1>Some static HTML</h1></div>'

canGoBack ​

canGoBack: boolean

Gets a value indicating whether the WebView can navigate back.

canGoForward ​

canGoForward: boolean

Gets a value indicating whether the WebView can navigate forward.

disableZoom ​

disableZoom: boolean

Disable zooming in the WebView.

iosAllowInlineMediaPlayback ​

iosAllowInlineMediaPlayback: boolean

Enables inline media playback on iOS. By default, WebView forces iPhone into fullscreen media playback. iOS only.

...Inherited ​

For additional inherited properties not shown, refer to the API Reference

Methods ​

stopLoading() ​

stopLoading(): void

Stops loading the current content (if any).

goBack() ​

goBack(): void

Navigates the WebView back.

goForward() ​

goForward(): void

Navigates the WebView forward.

reload() ​

reload(): void

Reloads the current url.

Events ​

loadStarted ​

on('loadStarted', (args: EventData) => {
  const webView = arg.object as WebView

  console.log('WebView started loading', args.url)
})

Emitted when the page has started loading in the <WebView>.

See LoadEventData.

loadFinished ​

on('loadFinished', (args: EventData) => {
  const webView = arg.object as WebView

  console.log('WebView finished loading', args.url)
})

Emitted when the page has started loading in the <WebView>.

See LoadEventData.

Native component ​

• Android: android.webkit.WebView
• iOS: WKWebView