問題タブ [react-native-listview]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
138 参照

facebook - React Native: ListView に戻るたびに ListView を更新したい場合、どのライフサイクルを探す必要がありますか?

ここの公式チュートリアルにかなり似ています https://facebook.github.io/react-native/docs/tutorial.html :

で呼び出されたfetchDataメソッドがありますが、 thisComponentDidMountよれば、コンポーネントの最初のレンダリング後に一度だけ呼び出されます。したがって、この ListView に戻る前に毎回同じ呼び出しを行い、更新されたデータを小道具として ListView に渡し、それに応じて listView の状態パラメーターを更新する必要がありますか? または、これを行うより良い方法はありますか?ComponentDidMountfetchDatacomponentDidUpdate

0 投票する
2 に答える
1782 参照

react-native - React Native: TouchableHighLight onPress が ListView の renderHeader メソッドで機能しない

私が行った方法は次のとおりです。ヘッダーを押すと、不透明度が変化しますが、クロムデバッガコンソールには何も記録されません。

0 投票する
2 に答える
2501 参照

react-native - ListView は、react-native で常に上にスクロールして戻ります

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

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

rnplay のサンプルアプリ

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

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

0 投票する
1 に答える
1298 参照

react-native - ネストされた子コンポーネントにナビゲータ参照を渡す方法は?

ナビゲーション ドロワー リスト アイテムをクリック可能にしたいのですが、そのシナリオでは、ナビゲーター オブジェクトで別のシーンをナビゲートしたいと考えています。メインコンポーネントから子コンポーネントにナビゲーター参照を渡すにはどうすればよいですか? Main コンポーネントの子コンポーネントは ListView と ListItems です。どんな提案も役に立ちます。

0 投票する
2 に答える
987 参照

android - ListViewでrenderRowを呼び出す方法は?

ListView反応ネイティブで使用しています。ListViewそして、機能ごとにアップデートしたいので、このように使いthis.setStateました。

ボタンを押した後、render()メソッドは機能しますが、renderRowメソッドは機能しません。だからうまくいきListViewません。どうすれば解決できますか?

これが私のListViewです

そして私の_renderRow

ボタンを押したときにリストビューを更新したいのですが、param.wordにthis.state.wordが含まれているリストが表示されます

0 投票する
2 に答える
1207 参照

android - React Native Android のグリッド ビュー

React Native Android でスクロール可能なグリッドのような ListView を作成しようとしています。

私はこれを見つけました、そしてそれは私がやりたいこととまったく同じように見えます: https://github.com/yelled3/react-native-grid-example

ただし、Android ではスタイルがおかしくなり、ラップが機能していないようです。2行ありますが、すべての要素が表示されません...

私のデータソースには 50 個の要素があります

Androidでサポートされるはずですか?それとも、まったく別のアプローチを取る必要がありますか? (つまり、1 行に 1 つのコンポーネントがあり、データソースを手動で分割します)

0 投票する
1 に答える
1724 参照

reactjs - 反応ネイティブでrowIDにどのようにアクセスしますか?

行の数値にアクセスしようとしているだけです

これが私のコードです。行をクリックすると。別のビューに渡すことができるように、行がその番号を識別できるようにしたい

0 投票する
1 に答える
750 参照

android - 反応ネイティブのリストビューでセクションのアイテムを単一の行にレンダリングする方法は?

このチュートリアルに従って、セクションを含むリストビューを作成していますreact-native。ただし、特定のセクションの要素を別々の行に表示するのではなく、列ごとに分離したいと考えています。向きを変えようとしましflexたが、できませんでした。

私のrender機能では、次のものがあります。

listview以下のとおりであります:

renderRow与えられます:

私が望むのはButtons、特定のセクションのすべてを 1 行に表示することですが、それができません。このタスクを達成する方法は?