Flutter - WebView и приложения для обмена

Flutter - приложения для веб-просмотра и совместного использования

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

Все в одном ресурсе Flutter: https://flatteredwithflutter.com/webview-and-sharing-apps-in-flutter/

Команда Flutter @google недавно анонсировала плагин для отображения веб-просмотра в приложениях Flutter.

Https://pub.dartlang.org/packages/webview_flutter

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

В видео выше я запрограммировал веб-браузер во Flutter с помощью виджета WebView ... и, наконец, поделился приложением. Посмотрим, как это сделать…

Начинать…

импортируйте webview_flutter в pubspec.yaml вашего проекта как

dependencies:
  webview_flutter: ^0.3.0

а затем включить,

import 'package:webview_flutter/webview_flutter.dart';

в ваш файл дротика. Теперь вы сможете воспользоваться функциями этого плагина…

ПРИМЕЧАНИЕ. Если вы программируете на iOS, один небольшой дополнительный шаг:

Перейдите в структуру своего проекта и найдите папку ios.

В info.plist вам нужно добавить следующее:

<key>io.flutter.embedded_views_preview</key>
<string>YES</string>

Как использовать…

WebView(
    key: UniqueKey(),
    javascriptMode: JavascriptMode.unrestricted,
    initialUrl: 'YOUR URL',
),

Это основная структура виджета WebView:

Параметры:

1. key: ключи из фреймворка флаттера.
2. javascriptMode: разрешено ли выполнение Javascript.
3. initialUrl: URL, который вы хотите загрузить.

Этой базовой структуры достаточно, чтобы вы начали работу с виджетом WebView.

Дополнительные возможности..

Вы также можете обнаружить распознаватели жестов в этом веб-просмотре с помощью параметра: gestureRecognizers

Этот метод принимает параметр типа:

{Установить ‹Factory ‹OneSequenceGestureRecognizer›› gestureRecognizers}

Запутались ??? Не беспокойтесь, продолжайте прокручивать…

Добавьте gestureRecognizers, используя этот образец:

gestureRecognizers: Set()
     ..add(
     Factory<VerticalDragGestureRecognizer>(
     () => VerticalDragGestureRecognizer(),
     ),
),

Это даст вам ошибку, потому что для этого нужно два импорта:

import 'package:flutter/foundation.dart';
import 'package:flutter/gestures.dart';

Точно так же вы можете добавить различные распознаватели жестов, такие как:

1. HorizontalDragGestureRecognizer
2. TapGestureRecognizer
3. MultiDragGestureRecognizer

Ключи:

Ниже приведен рисунок, представляющий все типы трепещущих клавиш:

Когда использовать ключи:

В большинстве случаев вы не …………. Но

1. Если вы добавляете / удаляете коллекцию виджетов с отслеживанием состояния одного типа. например, приложение "Избранное".
2. Если вы переупорядочиваете коллекцию виджетов с отслеживанием состояния одного типа. например, приложение списка дел

Неисследованная тема в трепете, которую недавно развенчала Эмили Фортуна в видео:

Публикация приложений во Flutter…

Нам нужно установить общий пакет от Flutter,

Https://pub.dartlang.org/packages/share

Импортируйте библиотеку:

import 'package:share/share.dart';

Вызовите статический метод share, где хотите, например:

Share.share('Visit my website http://flatteredwithflutter.com');

Статьи, связанные с Flutter:

Фу… ..

Flutter Pub - это издание среднего размера, которое предоставляет вам самые свежие и удивительные ресурсы, такие как статьи, видео, коды, подкасты и т. Д. Об этой замечательной технологии, чтобы научить вас создавать с ее помощью красивые приложения. Вы можете найти нас на Facebook, Twitter и Medium или узнать о нас больше здесь. Мы с удовольствием пообщаемся! А если вы писатель, который хочет писать для нас, вы можете сделать это с помощью этих рекомендаций.