問題タブ [flatlist]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
487 参照

reactjs - scrollToIndex 最後のアイテムから最初のアイテムまでのフラットリストにより、空の画面が表示される

React Native では、「scrollToIndex」を使用してフラットリストをスクロールしようとしています。これは、最後のページの 1 つから最初のページ (インデックス 0) に移動するまでは問題なく機能します。次に、「renderItem」が呼び出されず、フラットリストによってレンダリングされると予想されるページ/アイテムではなく、空のページが表示されます。

私が取ったステップ:

最初に、コンポーネントにフック ref を作成しました。 const flatListRef = React.createRef();

次に、フラットリストをコンポーネント レンダリングに追加しました。

次に、フラットリストをインデックス 8 から 0 にスクロールする useEffect を追加しました。

そして最後に、フラットリストのデータを追加しました:

予想される動作: 最後のページが読み込まれ、5 秒後に最初のアイテム/ページ (インデックス 0) が開かれ、正常にレンダリングされます。

実際の動作: 最後のページをロードし、5 秒後に最初のページを開きますが、フラットリストは「renderItem」を呼び出さないため、空のページが表示されます。

スナックの例