← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core

rtk-message-list-view

Компонент, который отображает список сообщений.

Свойства

Свойство	Тип	Обязательный	По умолчанию	Описание
`estimateItemSize`	`number`	✅	-	Примерная высота элемента
`iconPack`	`IconPack1`	❌	`defaultIconPack`	Набор значков
`loadMore`	`(lastMessage: Message)`	✅	-	Функция для загрузки дополнительных сообщений. Возвращённые ею сообщения будут добавлены в начало
`messages`	`Message[]`	✅	-	Сообщения для отображения
`renderer`	`(message: Message, index: number)`	✅	-	Функция отрисовки сообщения
`visibleItemsCount`	`number`	✅	-	Максимальное количество видимых сообщений

<rtk-message-list-view></rtk-message-list-view>

<rtk-message-list-view>
</rtk-message-list-view>

<script>
  const el = document.querySelector("rtk-message-list-view");

  el.estimateItemSize= 42;
  el.messages= [];
</script>