React-window: Динамическая высота элемента VariableSizeList

Созданный на 26 мар. 2019  ·  4Комментарии  ·  Источник: bvaughn/react-window

Я не уверен, как это реализовать, поскольку в примере вы фиксируете высоту. Как измерить высоту элемента item? Возможно, я что-то пропустил в этом репо. К вашему сведению, я реализую список чатов с динамической высотой.

Самый полезный комментарий

Привет @bvaughn , извините, что пишу по закрытой проблеме. Я просто хотел бы уточнить это...
Означает ли это, что если я заранее не знаю высоту элементов списка, у меня нет возможности использовать VariableSizeList для отображения элементов списка с динамическим содержимым? Например, если в некоторых элементах моего списка есть изображения разного размера, о которых я не знаю заранее, я не смогу использовать VariableSizeList для отображения оконного/виртуализированного списка?

Все 4 Комментарий

+1

Это еще не поддерживается (если только вы не хотите вовремя измерить контент, что я бы не рекомендовал).

Тем не менее, проверьте вопрос № 6 для статуса поддержки.

Привет @bvaughn , извините, что пишу по закрытой проблеме. Я просто хотел бы уточнить это...
Означает ли это, что если я заранее не знаю высоту элементов списка, у меня нет возможности использовать VariableSizeList для отображения элементов списка с динамическим содержимым? Например, если в некоторых элементах моего списка есть изображения разного размера, о которых я не знаю заранее, я не смогу использовать VariableSizeList для отображения оконного/виртуализированного списка?

Значит, нет других пакетов, которые могут измерять предлагаемый контент перед рендерингом?

Один из моих вариантов использования — виртуализация окна сообщений. Заранее знаю шрифт, размер и наполнение текста.

Если я знаю, что мой пузырь с сообщением будет иметь ширину 500 пикселей, у меня нет возможности определить высоту пузырька, если я не отобразлю его в браузере?

Измерение «точно в срок» как бы побеждает цель виртуализации...

Кстати, спасибо за замечательную упаковку! Я использую его очень хорошо для медиа-каналов.


РЕДАКТИРОВАТЬ: Как оказалось, своевременный рендеринг на самом деле не так уж и плох, особенно для простого текста.

Этот пример отлично работает: https://codesandbox.io/s/dynamic-size-of-react-window-list-items-64o9p .

Согласно этому комментарию: https://github.com/bvaughn/react-window/issues/6#issuecomment -538261156

Была ли эта страница полезной?
0 / 5 - 0 рейтинги