問題タブ [react-native-listview]

ListView があり、renderRow に記述したカスタム コンポーネントの参照にアクセスしようとしています。カスタム コンポーネントを直接操作する必要があるため、これらの参照を取得する必要があります。

他の人もこの問題に直面しているようです。React Native: Refs in ListViewおよびhttps://github.com/facebook/react-native/issues/897の推奨事項に従ってみましたが、うまくいかないようです。提案されているように、コールバック ref メソッドを使用してみました。しかし、componentDidMount で this.refs.listView.refs を出力しようとすると、customRef が返される代わりに空になります。renderRow 関数からカスタム コンポーネントの参照を取得するにはどうすればよいですか? ありがとうございました

クラスには次の機能があります。

反応ネイティブで検索およびフィルタリング バーを実装しようとしていますが、DataSource オブジェクトの操作方法がよくわかりません。データは JSON 形式であり、次のことを行う必要があります。

• クエリ文字列に基づく提供された JSONの全文検索
• タグベースのフィルタリング、トークンとして提供されるタグを使用

これはRNPlay (Link)の非常に簡単な例です。

反応ネイティブ内で検索およびフィルタリング機能を実装する方法は?

反応ネイティブ（v 0.27）のシンプルなアプリがあります。リストビューがあります（セクションとアイテムを含む）。アイテムを折りたたみ可能にするために、react-native-accordion ( https://github.com/naoufal/react-native-accordion ) を使用していました。

すべて問題なく、問題ありませんでした。しかし、反応ネイティブ バージョン 0.27 の TabbarIOS で動作する react-native-vector-icons を取得できませんでした (アイコン サイズはデフォルトで 30 です。変更すると、動作しません。エラーが発生します)。しかし、反応ネイティブ バージョンでは正常に動作しています。 0.14.1 (このようなhttps://github.com/catalinmiron/react-native-dribbble-app )

react-native-vector-icons を tabbarios で使用できるようにするには、react-native v0.14.1 に戻します。問題なく動作していますが、react native v0.20 またはより高い。

だから私は尋ねたかったのですが、 react-native-accordion を使用せずに、折りたたみ可能なセクションデータとアイテムを含むリストビューを作成する方法はありますか?

事前に感謝します。

これは、属性SwipeListViewに基づいて 2 つ以上の異なる種類の行をレンダリングできるはずです。notification

• true通知用です
• falseはレギュラー商品です

2 つのタイプの行がまったく異なると仮定します。私が解決しようとしている問題は、標準ではなく、行を左右にスワイプできるSwipeListViewand要素を使用して、そのようなリストをレンダリングする方法です。SwipeRowListView

私は常に、戻り値を取ることを拒否するメソッドに問題をrenderRow()抱えています。renderHiddenRow()renderRow(data, secId, rowId, rowMap)

SwipeListView ドキ​​ュメント

例のアプリ:

最も一般的なエラー:

SwipeListView.js:renderRow:67: undefined はオブジェクトではありません (「Component.type」を評価しています)

左または右にSwipeRowスワイプすることによってトリガーされるイベントを探しています。SwipeListView

目標は、スワイプで簡単に消せるプッシュ式の通知にすることです。左(緑) と右(赤)にスワイプすると、通知の色が徐々に変化します。特定のしきい値 (60) の後、最終イベントがトリガーされます。この場合、受け入れ(左) と拒否(右) で、通知は消えます。

現在、これは削除する予定のボタンによって行われています。

SwipeListView ドキ​​ュメントから、これは役に立つかもしれません:

onRowClose - スワイプ行が閉じているときに呼び出される関数

onRowOpen - スワイプ行がアニメーションで開くときに呼び出される関数

swipeRowStyle - SwipeRow の親ラッパー ビューのスタイルを持つオブジェクト

leftOpenValue - 行を左に開くための TranslateX 数値 (正の数)

rightOpenValue - 行を右に開くための TranslateX 数値 (負の数)

左スワイプ

右にスワイプ

ListView にアイテムのリストをレンダリングする子コンポーネントがあります。ListView のデータは、親の mapStateToProps を介して渡された Redux ストア オブジェクトから生成されます。子オブジェクトには、押されたときに項目を削除するボタンがあります。ボタンは適切な redux ディスパッチ アクションを起動し、ステータスは正しく更新されますが、子コンポーネントは更新されません。ブレーク ポイントとコンソール ステートメントを通じて、子 componentShouldUpdate と子 componentWillReceiveProps は redux 状態が変化したときに起動されることを確認しましたが、子 render メソッドは状態の変化後に起動しません。

親

子

これは私が期待していたものですが、同じ結果が得られました。