4

アラームのリストを表示するために使用react-nativeしているiOSモバイルアプリに使用しています。各行でレンダリングするコンポーネントとリスト ビューのデータを渡すことができるListView、独自の再利用可能なリスト ビュー コンポーネントを作成しました。ComponentListViewたくさんのアラームがあり、下にスクロールして最後にアラームを表示すると、常に一番上に戻ります (以下の rnplay のサンプル アプリと症状を参照してください)。そのため、最終的にアラームを操作できません。 . ComponentListView単純なListViewコンポーネントを使用するだけでは期待どおりに動作しますが、コンポーネントを使用する必要があるため、コンポーネントの作成方法に関係があると思いますがComponentListView、さまざまなコンポーネントでリストを表示する必要があるさまざまな画面があるためです。そしてそれは私の仕事を簡素化します。

これらの症状を示すサンプル アプリを rnplay で作成しました。iOSで実行してください。ここでは、アラームのリストを表示するためにAlarmList使用し、各行に表示されるコンポーネントです。ComponentListViewAlarmSummary

rnplay のサンプルアプリ

コンポーネントがスクロール時に何度も再レンダリングされているかどうかを確認するために、ComponentListView の render メソッドでいくつかのコンソール ログ ステートメントを使用してデバッグしようとしましたが、そうではないようです。Chromeデバッガーでもデバッグしようとしましたが、アイデアがなく、どこでどのようにデバッグすればよいかわかりません。

問題を解決するための指針があれば教えてください。

4

2 に答える 2

7

次のようflex: 1に、属性も指定します。sceneContainer

sceneContainer: {
  flex: 1,
  marginTop: 60
},

ここでの作業: https://rnplay.org/apps/TL9N9g

于 2016-05-15T07:30:38.107 に答える