エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
React NativeでFlatList/SectionListを使うときに実施したい性能改善策
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React NativeでFlatList/SectionListを使うときに実施したい性能改善策
おことわり この記事は以下の記事に載っていた内容を拾ってきただけです。 備忘録と英語読みたくない人... おことわり この記事は以下の記事に載っていた内容を拾ってきただけです。 備忘録と英語読みたくない人に向けて。 FlatList/SectionListはrenderItemがしょっちゅう走る React Nativeでリスト形式の実装をしようと思うと、FlatListかSectionListを使用します。 (くれぐれもListViewは使用しないように!) こんなレイアウトですね。 で、大体はリストを表示するだけじゃなくて、表示されたリストから何かを選択して次の画面、みたいに使用すると思います。 このときに、リストの1つをタップしただけで全リストの再レンダリングが走ります。 リストの件数が少ないうちは良いですが、多くなってきたらとてもじゃないけど辛くなるでしょう。 レンダリング制御ならReact.memo/useMemo 自分は最近存在を知ったのですが、React.memo/useMemo