React Native: Refresh Control недоступен, если я очищаю источник данных Listview

Question

Когда я устанавливаю источник данных в свой список, управление обновлением (сбрасывание до обновления) отлично работает. Если источник данных пуст, я не могу сбрасывать его, чтобы обновить список.

Моя ListView выглядит следующим образом:

   <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 или любым другим способом, чтобы позволить тянуть вниз, чтобы обновить ListView, даже если источник данных пуст/нуль?

Я ищу эту функцию, потому что в первый раз я загружаю данные из Async Storage. При отключении для обновления я очищаю хранилище и извлекаю новые данные.

Answer 1

Фигурное это, когда я тестировал приложение на моем телефоне, а не эмулятор. Просмотр списка всегда присутствует, хотя источник данных пуст. В моем случае listview начинался с того, что надпись «Текст» заканчивается на красной строке.

Answer 2

Вам необходимо использовать опору вызова refreshing={true} и с завершением процесса, независимость, если есть новые данные, или нет, вам нужно установить refreshing={false}, чтобы уведомить список о том, что у вас нет больше данных и скрыть индикатор загрузки.

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