← 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>