問題タブ [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.
reactjs - scrollToIndex 最後のアイテムから最初のアイテムまでのフラットリストにより、空の画面が表示される
React Native では、「scrollToIndex」を使用してフラットリストをスクロールしようとしています。これは、最後のページの 1 つから最初のページ (インデックス 0) に移動するまでは問題なく機能します。次に、「renderItem」が呼び出されず、フラットリストによってレンダリングされると予想されるページ/アイテムではなく、空のページが表示されます。
私が取ったステップ:
最初に、コンポーネントにフック ref を作成しました。
const flatListRef = React.createRef();
次に、フラットリストをコンポーネント レンダリングに追加しました。
次に、フラットリストをインデックス 8 から 0 にスクロールする useEffect を追加しました。
そして最後に、フラットリストのデータを追加しました:
予想される動作: 最後のページが読み込まれ、5 秒後に最初のアイテム/ページ (インデックス 0) が開かれ、正常にレンダリングされます。
実際の動作: 最後のページをロードし、5 秒後に最初のページを開きますが、フラットリストは「renderItem」を呼び出さないため、空のページが表示されます。