The WebView widget lets you display the website content right inside your app. It's useful in a case where you don't want your users to leave your app to view the web page.

Adding WebView widget

To add the WebView widget to your app:

  1. Add the WebView widget from the Base Elements tab.

  2. Head over to Properties Panel, adjust the Width and Height, and then enter the Webview URL.(e.g., https://flutterflow.io/,https://en.wikipedia.org/wiki/Main_Page).

  3. Certain web pages may have restrictions that prevent them from being viewed within the WebView, such as popular websites like Unsplash or Facebook. However, you can override these restrictions by enabling the Bypass Domain Restrictions option.

  4. You can also Force Allow Vertical and Horizontal Scrolling if needed.


You can customize the appearance and behavior of this widget using the various properties available under the properties panel.

Load content from HTML

Sometimes you might choose to construct your own HTML with the desired styling and structure and then load that HTML into a WebView. For example, display a privacy policy page with a slight variation using modified HTML content (which might be different than the one hosted on your site).

To do so, enable the Load content from HTML and then enter your Webview HTML Content.

Show/Hide widget

See how to show or hide any widget using the Conditional Visibility property.

Responsive visibility

See how to add responsive visibility to any widget.

Add padding & alignment

See how to add padding and alignment to any widget.

Last updated