アラームのリストを表示するために使用react-native
しているiOSモバイルアプリに使用しています。各行でレンダリングするコンポーネントとリスト ビューのデータを渡すことができるListView
、独自の再利用可能なリスト ビュー コンポーネントを作成しました。ComponentListView
たくさんのアラームがあり、下にスクロールして最後にアラームを表示すると、常に一番上に戻ります (以下の rnplay のサンプル アプリと症状を参照してください)。そのため、最終的にアラームを操作できません。 . ComponentListView
単純なListView
コンポーネントを使用するだけでは期待どおりに動作しますが、コンポーネントを使用する必要があるため、コンポーネントの作成方法に関係があると思いますがComponentListView
、さまざまなコンポーネントでリストを表示する必要があるさまざまな画面があるためです。そしてそれは私の仕事を簡素化します。
これらの症状を示すサンプル アプリを rnplay で作成しました。iOSで実行してください。ここでは、アラームのリストを表示するためにAlarmList
使用し、各行に表示されるコンポーネントです。ComponentListView
AlarmSummary
コンポーネントがスクロール時に何度も再レンダリングされているかどうかを確認するために、ComponentListView の render メソッドでいくつかのコンソール ログ ステートメントを使用してデバッグしようとしましたが、そうではないようです。Chromeデバッガーでもデバッグしようとしましたが、アイデアがなく、どこでどのようにデバッグすればよいかわかりません。
問題を解決するための指針があれば教えてください。