問題タブ [react-native-listview]

ReactNative アプリで ScrollView または ListView を使用し、いくつかの新しいデータが入った場合、それらのデフォルトの動作は Scroll コンポーネント内の位置を維持することです。つまり、ScrollView の中央にいるときに高さ 20 の新しいデータが入った場合、画面上の項目が 20 ずつスライドし、画面から消えることがあります。

位置を維持/追跡する方法はありますか? たとえば、高さ 20 の新しいデータが入った場合、位置は自動的に位置を 20 ずつ調整して、現在の画面アイテムが画面に表示されるようにします。前もって感謝します。

問題はリストビューがスクロールしないことです。多くのスタイルを試しましたが、方法が見つかりません。React-Native 0.39.2 を使用しています。Android デバイスで試してみました

I use React Native's Navigator for routing and ListView to show image group, and I use Android. When I trigger navigation, image(s) don't leave page and it blinks as seen below.

Render functions

Styles

What could be the reason?

Thanks.

チャット セッションのリストを表示するがListViewあります (Whatsapp/Facebook Messenger に似ています) rowHasChanged。

を使用しても、更新されていないアイテムが再レンダリングされていることに気付きましたshouldComponentUpdate。

いくつかのトレースの後、dataSource のクローンを作成する前に項目を別の方法で並べ替えたため (新しいメッセージにより項目がリストの一番上にジャンプする)、rowHasChanged異なる行を比較していることがわかりました。そうするのは理にかなっています。

しかし、パフォーマンスの高い方法で並べ替えをサポートするためのソリューションはありませんか? WPF では、同じ問題のために、データに加えて並べ替えるものをCollectionViewSource受け取った がありました (フィルタリングなどもサポートされていました)。

これらの冗長なレンダリングを取り除く方法を知っている人はいますか?

その瞬間にセルを中央に配置できるようにするために、ユーザーが ListView のタッチを離したことを検出したいと考えています。iOS では、ListView を TouchableWithoutFeedBack でラップしましたが、正常に動作しています。onPressユーザーがタッチをやめると呼び出されます。しかし、Android ではonPress呼び出されません。

ユーザーがそれに触れてスクロールを続けることができないため、すべての ListViews 行を Touchables に入れることはできません。

これが私のコードです:

スクロールビューでプルダウンを検出するコンポーネントを構築しようとしています。プルダウンは、Facebook または Twitter フィードを更新しようとしたときに発生します。

したがって、私のアプローチは onScroll メソッドを使用して、スクロール ビューからの変更を検出しようとしていました。

しかし、私が見つけたのは、下にスクロールしているとき (Facebook や Twitter フィードをスクロールしているように)、オフセットの値が表示されることです。次に、反対方向にスクロールする「プルダウン」動作をエミュレートしようとしました。難しいのは、スクロール ビューが 0 になると、スクロールの減少が検出されないことです。それは理にかなっていますか？基本的に、スクロールビューが0のときにプルダウンを検出する方法.

refを介して反応ネイティブのリストビュー子コンポーネントにアクセスする方法は?

console.log(this.refs) 版画 Object {listView: Object}

TouchableHighlightコンポーネント refにアクセスするにはどうすればよいですか?

React Native: Refs in ListView and React Native - get refs of custom components in listview from renderRowを調べましたが、それらがどのように行われているかわかりません。