問題タブ [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 投票する
1 に答える
350 参照

reactjs - アイテムを選択した後にスクロール位置を維持する方法は、ネイティブフラットリストに反応します

答えが見つかりました-特定のアイテムの周りにコンポーネントをスタイル設定することに関係していました

長いリストがあり、下にスクロールしてアイテムを選択すると、選択後にトップに戻ります。選択後、画面が変わらないようにするにはどうすればよいですか?

これを詳しく調べようとすると、この問題の検索結果が表示されますが、新しいアイテムを追加するとき、または無限スクロールを実装する方法は、ここでは状況ではありません。

フラットリストに参照を割り当てようとしましたが、アイテムを選択してアクショントリガーを実行した後、最後に保存された位置までスクロールしましたが、何も変わりません。

0 投票する
1 に答える
183 参照

react-native - numColumns が 3 の場合の flatlist でのスペース間の処理

フラットリストに numColumns 3 があります。フラットリストを次のように表示したい

いいえ

私のデータが data%3==2 の場合

これが私のコードです

コンポーネントの幅は (width-6)/3 なので、3 px のスペースが必要です

0 投票する
1 に答える
752 参照

react-native - React.memo を使用しても FlatList アイテムが再レンダリングされる

FlatListコンポーネントを使用してReact Nativeでアイテムのリストをレンダリングしようとしていますが、新しいデータを取得するたびに、React.memoを使用してもアイテムのwhoリストを再レンダリングします。

私のコードは次のようになります。

Component.js

関数がトリガーされて loadMore 関数が呼び出されるたびonEndReachedに、すべての FlatList アイテムが再レンダリングされ、毎回 console.log 'レンダリング中' になり、エラーが発生します。virtualizedlist you have a large list that is slow to update

私を助けることができる人に感謝します!

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

react-native - グリッド ビュー サイズ設定のフラットリスト アイテム

私はフラットリストを使用しており、2 列を使用しています。問題は、コンテンツに応じて調整され、すべてのアイテムの下にスペースが残っているため、アイテムの高さが毎回異なることです。そのため、アイテムが別のアイテムの前に自動調整され、アイテムを調整するためのスケールを維持しないようにするソリューションを探しています。

0 投票する
3 に答える
312 参照

react-native - FlatList アイテムに幅を割り当てることができません

FlatList 内に含まれるカードに幅を割り当てる際に問題が発生しています。を使用して FlatList 列に 50% の幅を割り当てようとしましたが、うまくいきcolumnWrapperStyle={{ width: "50%" }}ません。

FlatList を使用して、カードのリストを 2 列で表示しています

アイテムFavCardのスタイルは次のとおりです。

およびFavouriteCocktailsContainer :

これは私が得るものです:

ここに画像の説明を入力

カードをFavouriteCocktailsContainerの 50% 幅にしたいのですが、これを修正する方法を教えてください。前もって感謝します