私は、リストに関するMaterial-UIのドキュメントからこのライブラリにたどり着きました。 FixedSizeListの簡単な例を実装しようとしていますが、スクロールがおかしくなります。 リストを下にスクロールしようとすると、リストが上下にジャンプし、 onScroll
後方/前方イベントが繰り返し発生します。
私はここで何が間違っているのですか?
<FixedSizeList
direction="vertical"
itemData={availableLanguages} // array of objects
height={300}
width={'100%'}
itemSize={30} // I think this is irrelevant with ListItem?
itemCount={availableLanguages.length}
onScroll={this.handleOnScroll} // added this just to debug what was going on
>
{({ index, data }) => (
<ListItem key={index} dense button divider={index < data.length}>
<ListItemText
primary={data[index].description}
secondary={data[index].abbreviation}
/>
</ListItem>
)}
</FixedSizeList>
style
プロップを使用しているようには見えません。 それは非常に重要です。
それがうまくいかない場合は、実行可能な再現を私に与えてください、そして私は見ていきます。 そうでなければ、部分的なコード例から推測するのは私の時間の大きな使い方ではないことを学びました。
また、セルレンダラーにそのようなインライン関数を使用しないことをお勧めします。
style={style}
追加すると、スクロールの問題が修正されました。 ありがとう。
私はこれを可能な限り簡単な方法で機能させようとしていました。 今からその内臓をリファクタリングします。
最も参考になるコメント
style
プロップを使用しているようには見えません。 それは非常に重要です。それがうまくいかない場合は、実行可能な再現を私に与えてください、そして私は見ていきます。 そうでなければ、部分的なコード例から推測するのは私の時間の大きな使い方ではないことを学びました。