問題タブ [react-native-listview]

TouchableOpacity のイベント ハンドラーrowData内にパラメーターを追加すると、この ListView UI の実行が遅くなりました。onPressTouchableOpacity が押されると、15 秒間押されたままになり、その後再びスムーズに実行されます。

上の3行のListViewrowDataのイベントハンドラでも使っているので、衝突しそうです。renderRow

私は正しいですか、この問題を解決するにはどうすればよいですか?

この例ではListView、一連のTouchableOpacityボタンで を作成しています。一度に 1 つのみを青色で強調表示する必要があります。

背景色を決定する式:

問題は、メソッドが呼び出され、状態が更新されているbackgroundColorにもかかわらず、変更されないことです。render()

その場合forceUpdate()、2回レンダリングされますが、色は更新されません。

レンダリング方法:

コンストラクタ：

セットアップ

私はreduxとListViewを 2 つの異なるタイプの行で使用しています。どちらも指定された高さですが、異なる高さです。は、ステートレスな機能コンポーネントの代わりに内部でListView使用およびレンダリングされます (さまざまな理由により)。sectionHeadersReact Component

は、ステート内で特定の変更が発生するたびにプルListViewされる新しいデータ ( で使用) で再レンダリングします。.dataSource.cloneWithRowsAndSections()reduxredux

問題

問題は、最初のセクションの下の任意のセクションまでスクロールし、UI を操作して最初のセクションのデータにオブジェクトを追加したときです。2 番目のセクションの上部に、スクロールの高さのように見えるギャップが表示されます。 2 番目のセクションの上部を過ぎた位置。追加されたアイテムは、最初のセクションで適切にレンダリングされます。これは、その状態変更の結果として全体ListViewが再レンダリングされるときに発生します。redux

これも本当のギャップではありません — 2 番目のセクションの最初のアイテムがアイテムの上に表示され、その下にセクション ヘッダーが表示されます。

私はできることの限界を押し広げていると確信していますListViewが、これを引き起こしている原因や修正方法を知っている人はいますか?

Android で ListView セクション ヘッダーを使用して成功した人はいますか? ドキュメントといくつかの便利なチュートリアルを使用して、iOS 用にこれをビルドすることができました。

Android (Lollipop と Marshmallow) でコードを実行すると、ListView は ScrollView のように機能します...セクション ヘッダーはありません :(

Android の ListView で問題が発生した人はいますか? それらを解決できましたか？私たちは Android 用に別のコンポーネントを構築することに反対しているので、この効果を達成するために使用できる別の反応ネイティブ コンポーネントを知っていれば、それも素晴らしいでしょう。

パフォーマンスの問題があるため、行を変更するために更新するだけでよいのですが、 rowHasChangedはtrueを返しますが、行は更新されず、 renderRowも実行されません。ホットリロード後、更新は1回だけ成功し、非常に混乱しています。

index.ios.js

ホット ロードの前に、項目をクリックし、クリックした行を更新せず、

ホットロード後、アイテムをクリックし、クリックした行を再レンダリングします

次のような静的データがあります。

リスト ビューを作成していて、関連する画像をリスト ビュー セルに渡したいと考えています。リストビューは次のように設定されます。

MainListRow は次のように設定されます。

他の問題から、画像を呼び出す前に画像を定義する必要があることを理解しています (例: React Native Component に条件付きで画像を含めるにはどうすればよいですか? )

1 つの画像であっても、画像の uri を正しく機能させる方法がわかりません。理想的には、画像を渡して機能させたいだけです。パスのさまざまなバリエーションを試して、正しいものを取得し、最初の要件に一致させましたが、違いはありません。