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

MediaRow (Горизонтальный ряд)

Горизонтальная карусель MediaCard с заголовком и «Показать все».

Метод Аргумент Описание
title(v) string Заголовок секции (например, ‘Сейчас смотрят’).
items(v) any[] Массив фильмов для карточек.
Значение по умолчанию: []
onCardClick(v) CallbackFunction Обработчик клика по карточке.
onSeeAllClick(v) CallbackFunction Обработчик «Показать все».

Базовые методы (наследуются от UIComponent)

// Карусель медиа
const { ui } = PotokSDK;
const movies = [
{ id: 157336, title: "Интерстеллар", subtitle: "2014", mediaType: "movie", posterSrc: "https://image.tmdb.org/t/p/w500/gEU2QthHGvGo1q7T2XzAwETYNsC.jpg", tmdbRating: 8.4 },
{ id: 335984, title: "Бегущий по лезвию 2049", subtitle: "2017", mediaType: "movie", posterSrc: "https://image.tmdb.org/t/p/w500/gajva2L0rPYkEWjzgFlBXCAVBE5.jpg", kpRating: 7.9 },
{ id: 27205, title: "Начало", subtitle: "2010", mediaType: "movie", posterSrc: "https://image.tmdb.org/t/p/w500/9gk7adHYeDvHkCSEqAvQNLV5Uge.jpg", imdbRating: 8.8 }
];
ui.render(
MediaRow()
.title("Рекомендуемые фильмы")
.items(movies)
.onCardClick((item) => {
ui.showHUD("info", "Клик: " + item.title);
})
.onSeeAllClick(() => {
ui.showHUD("success", "Показать все!");
})
);

Запустить в Sandbox