問題タブ [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.
facebook - React Native: ListView に戻るたびに ListView を更新したい場合、どのライフサイクルを探す必要がありますか?
ここの公式チュートリアルにかなり似ています https://facebook.github.io/react-native/docs/tutorial.html :
で呼び出されたfetchData
メソッドがありますが、 thisにComponentDidMount
よれば、コンポーネントの最初のレンダリング後に一度だけ呼び出されます。したがって、この ListView に戻る前に毎回同じ呼び出しを行い、更新されたデータを小道具として ListView に渡し、それに応じて listView の状態パラメーターを更新する必要がありますか? または、これを行うより良い方法はありますか?ComponentDidMount
fetchData
componentDidUpdate
react-native - React Native: TouchableHighLight onPress が ListView の renderHeader メソッドで機能しない
私が行った方法は次のとおりです。ヘッダーを押すと、不透明度が変化しますが、クロムデバッガコンソールには何も記録されません。
react-native - ListView は、react-native で常に上にスクロールして戻ります
アラームのリストを表示するために使用react-native
しているiOSモバイルアプリに使用しています。各行でレンダリングするコンポーネントとリスト ビューのデータを渡すことができるListView
、独自の再利用可能なリスト ビュー コンポーネントを作成しました。ComponentListView
たくさんのアラームがあり、下にスクロールして最後にアラームを表示すると、常に一番上に戻ります (以下の rnplay のサンプル アプリと症状を参照してください)。そのため、最終的にアラームを操作できません。 . ComponentListView
単純なListView
コンポーネントを使用するだけでは期待どおりに動作しますが、コンポーネントを使用する必要があるため、コンポーネントの作成方法に関係があると思いますがComponentListView
、さまざまなコンポーネントでリストを表示する必要があるさまざまな画面があるためです。そしてそれは私の仕事を簡素化します。
これらの症状を示すサンプル アプリを rnplay で作成しました。iOSで実行してください。ここでは、アラームのリストを表示するためにAlarmList
使用し、各行に表示されるコンポーネントです。ComponentListView
AlarmSummary
コンポーネントがスクロール時に何度も再レンダリングされているかどうかを確認するために、ComponentListView の render メソッドでいくつかのコンソール ログ ステートメントを使用してデバッグしようとしましたが、そうではないようです。Chromeデバッガーでもデバッグしようとしましたが、アイデアがなく、どこでどのようにデバッグすればよいかわかりません。
問題を解決するための指針があれば教えてください。
react-native - ネストされた子コンポーネントにナビゲータ参照を渡す方法は?
ナビゲーション ドロワー リスト アイテムをクリック可能にしたいのですが、そのシナリオでは、ナビゲーター オブジェクトで別のシーンをナビゲートしたいと考えています。メインコンポーネントから子コンポーネントにナビゲーター参照を渡すにはどうすればよいですか? Main コンポーネントの子コンポーネントは ListView と ListItems です。どんな提案も役に立ちます。
android - ListViewでrenderRowを呼び出す方法は?
ListView
反応ネイティブで使用しています。ListView
そして、機能ごとにアップデートしたいので、このように使いthis.setState
ました。
ボタンを押した後、render()
メソッドは機能しますが、renderRow
メソッドは機能しません。だからうまくいきListView
ません。どうすれば解決できますか?
これが私のListViewです
そして私の_renderRow
ボタンを押したときにリストビューを更新したいのですが、param.wordにthis.state.wordが含まれているリストが表示されます
android - React Native Android のグリッド ビュー
React Native Android でスクロール可能なグリッドのような ListView を作成しようとしています。
私はこれを見つけました、そしてそれは私がやりたいこととまったく同じように見えます: https://github.com/yelled3/react-native-grid-example
ただし、Android ではスタイルがおかしくなり、ラップが機能していないようです。2行ありますが、すべての要素が表示されません...
Androidでサポートされるはずですか?それとも、まったく別のアプローチを取る必要がありますか? (つまり、1 行に 1 つのコンポーネントがあり、データソースを手動で分割します)
android - 反応ネイティブのリストビューでセクションのアイテムを単一の行にレンダリングする方法は?
このチュートリアルに従って、セクションを含むリストビューを作成していますreact-native
。ただし、特定のセクションの要素を別々の行に表示するのではなく、列ごとに分離したいと考えています。向きを変えようとしましflex
たが、できませんでした。
私のrender
機能では、次のものがあります。
listview
以下のとおりであります:
でrenderRow
与えられます:
私が望むのはButtons
、特定のセクションのすべてを 1 行に表示することですが、それができません。このタスクを達成する方法は?