React Native：リストビューのデータソースをクリアすると、リフレッシュコントロールが使用できない

Question

データソースをリストビューに設定すると、リフレッシュコントロール（リフレッシュにプルダウン）が正常に機能します。データソースが空の場合、私はリストビューをリフレッシュするためにプルダウンできません。

私のリストビューは、次のようになります。

   <View contentContainerStyle={{flex: 1}}> 
        <ListView 
         style={styles.container} 
         dataSource={this.state.dataSource} 
         renderRow={(data) => <NotificationRow {...data}/>} 
         enableEmptySections={true} 
         refreshControl={ 
          <RefreshControl 
           refreshing={this.state.refreshing} 
           onRefresh={this._onRefresh.bind(this)} 
           tintColor="#ff0000" 
           title="Loading..." 
           titleColor="#ffffff" 
           colors={['#ffffff']} 
           progressBackgroundColor="#1976D2" 
          /> 
         } 
        /> 
       </View> 

私はListViewコントロールに設定する必要があります任意の小道具やデータソースは、/ nullに空の場合でも、リストビューをリフレッシュするためにプルダウン有効にする他の方法はありますか？

私は初めて非同期ストレージからデータをロードしているので、この機能を探しています。リフレッシュするためにプルダウンすると、ストレージをクリアして新しいデータを取得します。私は私の携帯電話の代わりに、エミュレータ上でアプリケーションをテストしたときにこれを考え出した

Answer 1

。リストビューは、データソースが空であっても常に表示されます。私の場合、リストビューはテキストビューが赤い線で終了したところから始まりました。

Answer 2

新しいデータがある場合は独立して処理を終了するか、refreshing={false}を設定してデータを持たないことを通知し、ローディングインジケータを非表示にする必要がある場合は、プロコールrefreshing={true}を使用してください。

render() { 
    return (
     <ListView 
     refreshControl={ 
      <RefreshControl 
      refreshing={this.state.refreshing} 
      onRefresh={this._onRefresh.bind(this)} 
      /> 
     } 
     ... 
     > 
     ... 
     </ListView> 
    );