2017-04-11 21 views
1

我正在嘗試將shoutem ui安裝到我的項目中。在一個組件中,我使用了來自shoutem ui的listview!但我只能顯示項目。我不能處理onRefreshonLoadMore我如何使用onRefresh和onLoadMore shoutem ui工具包

任何人都可以幫助我嗎?

這裏是列表視圖:

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

我有GETNEW,數據和loadmore 2層的功能。他們可以使用正常的listview。

+0

ops我忘了.bind(這個)我的功能,那麼它不工作!現在它仍然在工作! –

+0

所以,現在它都在工作? – Tommz

+0

@Tommz no sir!微調時刷新仍然工作,並顯示!但加載我從來沒有見過像new.shoutem.com擴展顯示微調 –

回答

0

我不確定這裏究竟是什麼問題。如果您可以包含整個屏幕的代碼,這將非常有用。

onRefresh回調將在用戶執行下拉列表視圖上的刷新操作時調用。當用戶滾動到列表的末尾時,將會調用onLoadMore。這兩個函數都應該用來獲取數據,但是列表只會顯示通過data prop收到的數據。

如果問題在於數據獲取後仍然可見微調器,則可以通過ListViewloading支撐來控制微調器的可見性。微調器將保持可見狀態,直到您重置loading支柱。

因此流應該如下:

  1. 觸發在onRefresh網絡請求/ onLoadMore
  2. 當數據是從服務器
    • 取出通過使其在新的渲染列表數據通過data支持
    • 重置loading道具爲false網絡請求完成或失敗後