React-window: Altura do item dinâmico VariableSizeList

Criado em 26 mar. 2019  ·  4Comentários  ·  Fonte: bvaughn/react-window

Não tenho certeza de como implementar isso a partir do exemplo, você corrige a altura. Como faço para medir a altura do elemento item? Talvez eu perca algo neste repositório. Para sua informação, estou implementando a lista de bate-papo com altura dinâmica.

Comentários muito úteis

Oi @bvaughn , desculpe por escrever sobre um problema encerrado. Só gostaria de esclarecer isso...
Isso significa que, se eu não souber antecipadamente a altura dos meus itens de lista, não há como usar VariableSizeList para renderizar itens de lista com conteúdo dinâmico? Por exemplo, se alguns dos meus itens de lista tiverem imagens de vários tamanhos neles, que eu não conheço antecipadamente, não poderei usar VariableSizeList para renderizar uma lista em janelas/virtualizada?

Todos 4 comentários

+1

Isso ainda não é suportado (a menos que você queira medir o conteúdo a tempo, o que eu realmente não recomendaria).

Confira o problema nº 6 para obter o status do suporte.

Oi @bvaughn , desculpe por escrever sobre um problema encerrado. Só gostaria de esclarecer isso...
Isso significa que, se eu não souber antecipadamente a altura dos meus itens de lista, não há como usar VariableSizeList para renderizar itens de lista com conteúdo dinâmico? Por exemplo, se alguns dos meus itens de lista tiverem imagens de vários tamanhos neles, que eu não conheço antecipadamente, não poderei usar VariableSizeList para renderizar uma lista em janelas/virtualizada?

Então não há outros pacotes que possam medir o conteúdo proposto antes da renderização?

Um dos meus casos de uso é virtualizar uma janela de mensagens. De antemão, conheço a fonte, o tamanho e o conteúdo do texto.

Se eu souber que meu balão de mensagem terá 500 pixels de largura, não há como descobrir a altura do balão a menos que eu o renderize no navegador?

A medição just in time meio que derrota o propósito da virtualização...

A propósito, obrigado pelo pacote incrível! Estou usando muito bem para feeds de mídia.


EDIT: Bem, como se vê, a renderização just-in-time na verdade não é tão ruim, especialmente para texto simples.

Este exemplo funciona perfeitamente: https://codesandbox.io/s/dynamic-size-of-react-window-list-items-64o9p

Por este comentário: https://github.com/bvaughn/react-window/issues/6#issuecomment -538261156

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

bnikom picture bnikom  ·  3Comentários

maynir picture maynir  ·  4Comentários

marian-c picture marian-c  ·  3Comentários

carolin913 picture carolin913  ·  3Comentários

jsu93 picture jsu93  ·  4Comentários