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 の方が無駄なリストアイテムの描画が減る。

記事が少しでもいいなと思ったらクラップを送ってみよう!
18
+1
@hikouki'の技術ブログ

よく一緒に読まれている記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう
目次をみる

技術ブログをはじめよう

Qrunch(クランチ)は、ITエンジニアリングに携わる全ての人のための技術ブログプラットフォームです。

技術ブログを開設する

Qrunchでアウトプットをはじめよう

Qrunch(クランチ)は、ITエンジニアリングに携わる全ての人のための技術ブログプラットフォームです。

Markdownで書ける

ログ機能でアウトプットを加速

デザインのカスタマイズが可能

技術ブログ開設

ここから先はアカウント(ブログ)開設が必要です

英数字4文字以上
.qrunch.io
英数字6文字以上
ログインする