問題タブ [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.
react-native - FlatList のアイテムのインデックス/キーを使用して、Native TouchableOpacity onPress に反応する
アプリに FlatList コンポーネントと連絡先画面を作成しました。連絡先画面の画像の近くに「ハート」アイコンを追加したいと考えています。全てのアイテムの近くにハートアイコンを追加しました。しかし、これらのアイコンの 1 つを押すと、1 つだけでなく、すべての色が赤に変わります。クリックしたアイテムの色を変えたい。
プログラムのスクリーンショット:
これが FlatList コンポーネントです。
お問い合わせ画面は次のとおりです。
これをどのように実装できますか？
react-native - 親 ScrollView がスクロールを停止したときに子 ScrollView がスクロールしない
私が描いた画像では、2 つの領域を見ることができます。黄色の領域は ScrollView で、赤色の領域はフラットリストです。レッド ゾーンからスクロールすると、タブがヘッダーまで移動し、ヘッダーに触れたら、FlatList のレッド ゾーンのスクロールを開始します。これを行うには、タブがヘッダーに触れたときに、黄色のゾーンの scrollEnabled を false に設定しました。問題は、押すのをやめてもう一度押すまで、赤いゾーンがスクロールしないことです。
私が望んでいる動作は、いくつかのタブと写真のリストがある instagram のプロフィールに似ています。タブがヘッダーに触れると、画像からスクロールを続けることができます。
android - 多くのテキストが画面に表示されると、Android の反転フラットリストでひどいパフォーマンスが発生する
私はチャットアプリを構築していますが、React-Nativeバージョン以降、 Android0.63の反転フラットリストに長いテキストが含まれていると、パフォーマンスが低下します。
これは、問題を示すスナックの再現です (物理的な Android フォンで試した場合にのみ表示されます) 。
バグを報告しました。反転された Flatlist を使用してチャット アプリを構築している人にとっては、かなり重大な問題であるはずですが、どういうわけか、この問題についてどこにも言及されていません。
これは、他の人が何とか解決したのではないかと思いましたか？はいの場合、どうすれば解決できますか？現在、私のアプリはほとんど使用できません。
javascript - フラットリスト内で関数を呼び出す
フラットリストから item.id を必要とする関数 checkStatus(id) があります。
次のようなフラットリスト内の onPress イベントでステータスを確認できます。
ただし、Flatlist 内の各アイテムに対して関数を呼び出し、それに応じてテキストをレンダリングしたいと考えています。関数が呼び出されると、状態がブール値で変化する const があります。(hasBeenAdded = true または false) したがって、onPress イベントは必要ありません。
以前に似たようなことをしたことがありますが、アイテムの値を必要としなかったため、次のように呼び出すことができました
各アイテムのフラットリスト内で関数を呼び出す方法について何か考えはありますか?