Виджет WebView позволяет отображать содержимое сайта прямо внутри вашего приложения. Это полезно в тех случаях, когда вы не хотите, чтобы пользователи покидали ваше приложение для просмотра веб-страницы.

веб 1

Добавление WebView в ваш проект

Чтобы добавить виджет WebView в ваш проект:

  • Сначала перетащите виджет WebView с вкладки Base Elements (в панели виджетов) или добавьте его непосредственно из дерева виджетов.
  • Перейдите в редактор свойств и прокрутите вниз до раздела WebView.
  • Найдите свойство Webview URL и введите URL веб—страницы. (например, https://flutterflow.io/,https://en.wikipedia.org/wiki/Main_Page)
веб 2

Обход ограничений домена

Иногда при добавлении WebView с URL веб-страницы содержимое веб-страницы не отображается. Это может произойти потому, что веб-страница может быть настроена на запрет просмотра внутри WebView. Однако вы можете заставить веб-страницу игнорировать эту настройку и продолжать отображаться в WebView. Это называется обходом доменных ограничений.

Чтобы обойти ограничения домена:

  • Выберите WebView в дереве виджетов или в области холста.
  • Перейдите в редактор свойств и прокрутите вниз до раздела WebView.
  • Отметьте свойство Bypass Domain Restrictions (щелкните по нему). Веб-страница начнет отображаться, как только вы включите этот параметр.
Чтобы проверить эту настройку, попробуйте изменить URL Webview на любую веб-страницу, которая не поддерживается для просмотра внутри WebView (например, https://unsplash.com/, https://www.facebook.com/).
веб 3

Изменение свойств

Панель свойств может быть использована для настройки поведения вашего виджета.

Добавление накладок

Здесь приведены инструкции по добавлению подкладок.

Настроить выравнивание

Здесь приведены инструкции по настройке выравнивания.

Изменение размера

Чтобы изменить размер WebView:

  • Выберите WebView в дереве виджетов или в области холста.
  • Перейдите в Редактор свойств, перейдите к параметрам Ширина и Высота.
  • Существует три способа установки размеров:
    • Чтобы установить точный размер, выберите PX и введите нужные значения.
    • Чтобы задать размеры в % от размера экрана, выберите % и введите нужное значение.
    • Чтобы сделать высоту или ширину WebView высотой или шириной экрана, очистите поля ввода Ширина и Высота.
веб 4

Загрузка содержимого из HTML

Иногда можно создать собственный HTML с требуемым стилем и структурой, а затем загрузить этот HTML в WebView. Например, отобразить страницу политики конфиденциальности с небольшими изменениями, используя модифицированный HTML-контент (который может отличаться от того, что размещен на вашем сайте).

Для этого включите опцию Load content from HTML, а затем введите HTML-содержимое WebView.

Видео:https://www.loom.com/share/545515a32dc043da9c3320db7dd12b13?sid=eaf492c4-23aa-41a9-b000-aaab6795e47d

Показать/скрыть WebView

Пожалуйста, найдите инструкции по отображению/скрытию виджета здесь