React-window: スクロールは痙攣します

作成日 2019年06月16日  ·  3コメント  ·  ソース: bvaughn/react-window

私は、リストに関する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>
👀 needs info

最も参考になるコメント

styleプロップを使用しているようには見えません。 それは非常に重要です。

それがうまくいかない場合は、実行可能な再現を私に与えてください、そして私は見ていきます。 そうでなければ、部分的なコード例から推測するのは私の時間の大きな使い方ではないことを学びました。

全てのコメント3件

styleプロップを使用しているようには見えません。 それは非常に重要です。

それがうまくいかない場合は、実行可能な再現を私に与えてください、そして私は見ていきます。 そうでなければ、部分的なコード例から推測するのは私の時間の大きな使い方ではないことを学びました。

また、セルレンダラーにそのようなインライン関数を使用しないことをお勧めします。

style={style}追加すると、スクロールの問題が修正されました。 ありがとう。

私はこれを可能な限り簡単な方法で機能させようとしていました。 今からその内臓をリファクタリングします。

このページは役に立ちましたか?
0 / 5 - 0 評価