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

MediaDisplay

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

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

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

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

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

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

  1. Создайте коллекцию и добавьте данные с некоторыми URL изображений и видео.
  2. Выполните запрос коллекции, чтобы получить список документов из коллекции Firestore, и отобразите их в ListView.
  3. Чтобы отобразить медиа внутри виджета, перейдите в панель свойств > Media Path > меню Set from Variable. Выберите источник как [collection_name] Document и выберите поле, содержащее путь URL, из списка Available Options.

Настройка​

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

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

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

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

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