BETA

React: Componentをreconstructする。

投稿日:2018-10-14
最終更新:2018-10-24
※この記事は外部サイト(http://hikouki.hateblo.jp/entry/2018/07/26...)からのクロス投稿です

Componentをconstructorから再実行させたい場合、keyを変えてやれば良い。

(ReactNative)

<FlatList
  key={tournament.roundName}
...

FlatListの initialScrollIndex は、リストアイテムの表示後、1回しかスクロールされない。

リストアイテムを更新した時も再度、スクロール位置を決めたい場合は、renderし直すのではなく、Component自体を作り直す必要があります。

FlatListに関しては、 scrollToIndex っていうメソッドが生えてますが、実行タイミングによっては、 スクロールが中途半端になってしまう事と、 initialScrollIndex の方が無駄なリストアイテムの描画が減る。

技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

@hikouki'の技術ブログ

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう
目次をみる
技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
or 外部アカウントではじめる
10秒で技術ブログが作れます!