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

ContentRow (Универсальная карусель)

Горизонтальный ряд карточек ContentCard из вашей собственной модели данных (SDKContentItem[]). Обобщённая версия MediaRow без привязки к TMDB: заголовок секции, кнопка «Показать все» и D-pad-скролл.

Метод Аргумент Описание
title(v) string Заголовок секции ряда.
items(v) SDKContentItem[] Массив контента для карточек ряда.
Значение по умолчанию: []
orientation(v) 'portrait' | 'landscape' Ориентация карточек ряда.
Значение по умолчанию: 'portrait'
seeAllLabel(v) string Текст кнопки «Показать все» (кнопка появляется только если задан onSeeAllClick).
onCardClick(v) CallbackFunction Коллбек клика по любой карточке ряда.
onSeeAllClick(v) CallbackFunction Коллбек клика по кнопке «Показать все».

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

// Ряд категории из своих данных
const { ui } = PotokSDK;
const items = [
{ id: "1", title: "Элемент 1", image: "https://image.tmdb.org/t/p/w500/9O1Iy9od7uEuw6Bs4POV62Zzg2H.jpg" },
{ id: "2", title: "Элемент 2", image: "https://image.tmdb.org/t/p/w500/qJ2tW6WMUDux911r6m7haRef0WH.jpg" }
];
ui.render(
ContentRow()
.title("Моя подборка")
.items(items)
.orientation("portrait")
.seeAllLabel("Все")
.onCardClick((item) => ui.showHUD("info", "Клик: " + item.title))
.onSeeAllClick(() => ui.showHUD("success", "Показать все"))
);

Запустить в Sandbox