React-window: VariableSizeList動的アイテムの高さ

作成日 2019年03月26日  ·  4コメント  ·  ソース: bvaughn/react-window

高さを固定する例から、これを実装する方法がわかりません。 アイテム要素の高さを測定するにはどうすればよいですか? おそらく、このリポジトリで何かが恋しいです。 参考までに、動的な高さのチャットリストを実装しています。

最も参考になるコメント

こんにちは@bvaughn 、クローズされた問題について書いて申し訳ありません。 これを明確にしたいと思います...
これは、リストアイテムの高さが事前にわからない場合、VariableSizeListを使用して動的コンテンツを含むリストアイテムをレンダリングする方法がないことを意味しますか? たとえば、リストアイテムの一部にさまざまなサイズの画像が含まれている場合、事前にはわかりませんが、VariableSizeListを使用してウィンドウ/仮想化リストをレンダリングすることはできませんか?

全てのコメント4件

+1

それはまだサポートされていません(コンテンツを時間内に測定したい場合を除いて、私は本当にお勧めしません)。

ただし、サポートステータスについては問題#6を確認してください。

こんにちは@bvaughn 、クローズされた問題について書いて申し訳ありません。 これを明確にしたいと思います...
これは、リストアイテムの高さが事前にわからない場合、VariableSizeListを使用して動的コンテンツを含むリストアイテムをレンダリングする方法がないことを意味しますか? たとえば、リストアイテムの一部にさまざまなサイズの画像が含まれている場合、事前にはわかりませんが、VariableSizeListを使用してウィンドウ/仮想化リストをレンダリングすることはできませんか?

では、レンダリングする前に提案されたコンテンツを測定できるパッケージは他にありませんか?

私のユースケースの1つは、メッセージウィンドウを仮想化することです。 事前に、フォント、サイズ、テキストの内容を知っています。

メッセージバブルの幅が500pxになることがわかっている場合、ブラウザでレンダリングしない限り、バブルの高さを把握する方法はありませんか?

ちょうど間に合うように、測定は仮想化の目的を打ち負かします...

ちなみに素晴らしいパッケージをありがとう! 私はそれをメディアフィードに非常にうまく使用しています。


編集:結局のところ、ジャストインタイムレンダリングは、特に単純なテキストの場合、実際にはそれほど悪くはありません。

この例は完全に機能します: 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 評価