Прицепные обновить ListView показывает ошибку для Android

Question

Описание

Когда я использую refreshControl с ListView, заголовок показывает в позиции ошибки, как и рис: enter image description here

Красная область тянуть, чтобы обновить заголовок, но это показывает over listview не заголовок listerview. Когда listview визуализирует весь источник данных, тогда для обновления пользовательского интерфейса может быть нормальным, только когда listview не отображает весь поток данных для обновления ui, как показано выше.

Потяните, чтобы обновить ссылку на UI с помощью собственных компонентов пользовательского интерфейса , но с тем же контролем обновления с помощью ScrollView нет такой проблемы.

Дополнительная информация

Реагировать Native версии: [0,33] Платформа: [Android]

Answer 1

@ 舒 文 颉

<ListView 
        initialListSize={5} 
        pageSize={10} 
        showsVerticalScrollIndicator={false} 
        dataSource={data} 
        renderRow={this._renderRow.bind(this)} 
        onEndReached={this._onEndReached.bind(this)} 
        onEndReachedThreshold={10} 
        enableEmptySections={true} 
        onScroll={this._onScroll.bind(this)} 
        renderFooter={this._renderFooter.bind(this)} 
        ref={ (listView) => {this.listView = listView;} } 
        refreshing={this.props.articleListRedecuer.isRefreshing} 
        onRefresh={() => this._onRefresh()} 
        renderScrollComponent={(props) => (<ScrollView {...props} />)} 

Answer 2

Я предлагаю вам использовать refreshControl атрибуты

<ListView 
 
     dataSource={this.state.dataSource.cloneWithRows(data)} 
 
     renderRow={this.renderItems.bind(this)} 
 
     renderFooter={this.renderFooter.bind(this)} 
 
     onEndReached={() => this._onEndReached()} 
 
     onEndReachedThreshold={10} 
 
     onScroll={() => this._onScroll()} 
 
     refreshControl={ 
 
      <RefreshControl 
 
      style={{ backgroundColor: 'transparent' }} 
 
      refreshing={goods.isRefreshing} 
 
      onRefresh={() => this._onRefresh()} 
 
      title="Loading..." 
 
      colors={['#ffaa66cc', '#ff00ddff', '#ffffbb33', '#ffff4444']} 
 
      /> 
 
     } 
 
     />