Web View

A component that renders a website on the screen in a native view.

How to use

  • To add the URL, go to the Data tab (third tab) in the Properties Panel.
  • Under Input Text > URL, you can add a static URL.
  • If the Video URL is coming from an API endpoint, you can define a variable in curly braces {{}} in Input Text > URL and then select the value of the URL from the dropdown menu under Variables.

Configuration Properties

Basic

PropertyDescription
Component NameTo alter the name of the component. The name is reflected in the Components tree. Defaults to Web View.
Enable CacheSets whether WebView should use browser caching.
Use Incognito ModeDoes not store any data within the lifetime of the WebView.
Optimize Video ChatAllows for a better experience from web hosted video chat services

Advanced

PropertyDescription
Enable JavascriptBoolean value to enable JavaScript in the WebView. The default value is true.
Allow New WindowsA Boolean value indicating whether JavaScript can open windows without user interaction. The default value is false.
Horizontal ScrollbarsBoolean value that determines whether a horizontal scroll indicator is shown in the WebView. The default value is true.
Vertical ScrollbarsBoolean value that determines whether a vertical scroll indicator is shown in the WebView. The default value is true.
Media Playback Requires User ActionBoolean that determines whether HTML5 audio and video requires the user to tap them before they start playing. The default value is true.
Start In Loading StateBoolean value that forces the WebView to show the loading view on the first load. This prop must be set to true in order for the renderLoading prop to work.
Allow File Access From File URLsBoolean that sets whether the WebView has access to the file system. The default value is false.
Allow Universal Access From File URLsBoolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from any origin. Including accessing content from other file scheme URLs. The default value is false.
User AgentSets the user-agent for the WebView.

Data Properties

PropertyDescription
URLThe URL of the website to render

Conditional Display

You can conditionally display a component based on a given condition. Learn more about conditionally displaying components in the Conditional Display doc.