React-window: VariableSizeList 동적 항목 높이

+1

이는 아직 지원되지 않습니다(적시에 콘텐츠를 측정하지 않으려는 경우에는 권장하지 않습니다).

지원 상태는 문제 #6을 확인하세요.

@bvaughn 님, 비공개 문제에 대해 글을 써서 죄송합니다. 나는 이것을 명확히하고 싶습니다 ...
내 목록 항목의 높이를 미리 알지 못한다면 VariableSizeList를 사용하여 동적 콘텐츠가 있는 목록 항목을 렌더링할 방법이 없다는 뜻입니까? 예를 들어 목록 항목 중 일부에 미리 알지 못하는 다양한 크기의 이미지가 있는 경우 VariableSizeList를 사용하여 창/가상화 목록을 렌더링할 수 없습니까?

그렇다면 렌더링 전에 제안된 콘텐츠를 측정할 수 있는 다른 패키지는 없나요?

내 사용 사례 중 하나는 메시지 창을 가상화하는 것입니다. 글꼴, 크기 및 텍스트 내용을 미리 알고 있습니다.

내 메시지 풍선의 너비가 500px인 것을 알고 있으면 브라우저에서 렌더링하지 않는 한 풍선의 높이를 알아낼 방법이 없습니까?

적시 측정은 가상화의 목적을 좌절시킵니다...

그건 그렇고 놀라운 패키지에 감사드립니다! 미디어 피드에 아주 잘 사용하고 있습니다.

편집: 결과적으로 JIT(Just-In-Time) 렌더링은 특히 간단한 텍스트의 경우 실제로 그렇게 나쁘지 않습니다.

이 예제는 완벽하게 작동합니다: https://codesandbox.io/s/dynamic-size-of-react-window-list-items-64o9p

이 의견에 따라: https://github.com/bvaughn/react-window/issues/6#issuecomment -538261156