MediaDisplay

MediaDisplay сам определяет тип медиа по ссылке и ведёт себя соответственно: если по URL лежит картинка — работает как Image, если видео — как проигрыватель.

Это избавляет от условной логики там, где картинки и видео перемешаны: ленты активности в ListView или галереи в GridView.

Как добавить

Разберём на примере: выводим фотографии и видео из Firestore внутри ListView.

Порядок такой:

  1. Перетащите MediaDisplay из вкладки Base Elements внутрь ListView.

  1. Создайте коллекцию и заполните её ссылками на картинки и видео.
  2. Запросите коллекцию, чтобы получить список документов, и выведите его в ListView.
  3. В панели свойств откройте Media Path > Set from Variable, выберите источником [имя_коллекции] Document и укажите поле со ссылкой в списке Available Options.

Настройки

Внешний вид и поведение виджета настраиваются в панели свойств — набор настроек зависит от того, что именно он показывает.

Для картинок

Настройки те же, что у виджета Image — см. общие свойства картинки.

Для видео

Настройки совпадают с VideoPlayer.

перевод официальной документации FlutterFlow

обновлено

ESC