Pull Listview aktualisieren zeigt Fehler für Android

Question

Beschreibung

Wenn ich refreshControl mit Listenansicht verwenden, Kopf zeigt in Fehlerposition, wie pic: enter image description here

Der rote Bereich ist Pull-Header zu aktualisieren, sondern zeigt Über Listview nicht die Header von Listerview. Wenn listview alle Datenquellen rendern, dann kann das zum Aktualisieren der Benutzeroberfläche normal sein, nur wenn listview nicht alle Datenquellen pull zum Aktualisieren zeigt ui zeigt als Bild wie oben.

Pull, um UI-Referenz mit Native UI Komponenten zu aktualisieren, aber die gleiche Refreshcontrol mit ScrollView kein solches Problem.

Weitere Informationen

Reagieren native Version: [0.33] Plattform: [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

Ich schlage vor, Sie verwenden refreshControl Attribute

<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']} 
 
      /> 
 
     } 
 
     />