2017-04-11 10 views
1

を使用することができます。 1つのコンポーネントで私はlistviewをshoutem uiから使いました!しかし、私はアイテムだけを表示することができます。私はonRefreshonLoadMoreを処理できませんか?は、どのように私は私のプロジェクトにshoutem UIをインストールしようとしていますonRefreshとonLoadMore shoutem UIツールキット

誰でも手伝ってもらえますか?私はgetnew、データおよびloadmoreのための2つの機能を持っている

<ListView 
 
      data={groupedData} 
 
      renderRow={this.renderRow} 
 
      loading={this.state.refreshing} 
 
      onLoadMore ={this.loadMoreData} 
 
      onRefresh={this.getNewData} 
 
     />

:ここ

は、リストビューです。彼らは通常のリストビューで作業することができます。

+0

ops私は忘れてしまった。これは私の仕事です。今それはまだ働いている! –

+0

これですべての作業は完了ですか? – Tommz

+0

@トムズ・ノー・サー!リフレッシュするとスピナーが動作して表示されます! https://github.com/shoutem/extensions/blob/master/shoutem-books/app:しかしloadmore私はnew.shoutem.com –

答えて

0

私はこの問題は、まさにここにあるのかわからないです。画面全体のコードを含めることができれば便利です。

ユーザーがリストビューのアクションをリフレッシュするためにプルダウン行ったときonRefreshコールバックが呼び出されます。 onLoadMoreは、ユーザーがリストの最後までスクロールするときに呼び出されます。これらの関数の両方を使用してデータを取得する必要がありますが、リストにはdataプロップで受け取ったデータのみが表示されます。

データが取得された後にスピナーが表示されたままになる問題がある場合は、ListViewloading小道具を使用してスピナーの表示を制御できます。スピナーはloading小道具をリセットするまで表示されたままです。

次のように流れは次のようになります。

  1. トリガーonRefresh/onLoadMore
  2. におけるネットワーク要求データをフェッチすると、サーバーから
    • それを新しいを渡すことによって、リストをレンダリングdataを介して
    • loading小道具をfalseにリセットします。ネットワーク要求が完了または失敗した後
関連する問題