Перейти к основному содержимому

MediaDisplay

Виджет MediaDisplay в FlutterFlow автоматически определяет тип медиа-файла, полученного по URL, и соответственно настраивает виджет. Например, если URL возвращает изображение, виджет будет работать как виджет Image.

Эта универсальность позволяет легко представлять различные типы медиа-файлов в вашем приложении. Например, его можно интегрировать в прокручиваемые виджеты, такие как ListView для отображения ленты активности или GridView для одновременного отображения фотографий и видео.

Добавление виджета MediaDisplay​

Давайте создадим пример использования виджета MediaDisplay внутри ListView и отобразим фотографии и видео из базы данных Firestore.

Шаги для добавления и использования MediaDisplay следующие:

  1. Добавьте виджет MediaDisplay из вкладки Основные элементы и перетащите его внутрь ListView.

  1. Создайте коллекцию и добавьте данные с URL-адресами изображений и видео.
  2. Запросите коллекцию, чтобы получить список документов из коллекции Firestore и отобразите их в ListView.
  3. Чтобы отображать медиа-файлы внутри виджета, перейдите в панель свойств > Media Path > Установите из меню Variables. Выберите источник как Документ [имя_коллекции] и выберите поле, содержащее путь URL из списка Доступные варианты.

Настройка​

Вы можете настроить внешний вид и поведение виджета, используя различные свойства, доступные в панели свойств.

Настройка изображения​

Чтобы настроить виджет при отображении изображения, обратитесь сюда.

Настройка видео​

Чтобы настроить виджет при отображении видео, обратитесь сюда.