How to customize look/feel of React Native ListView's RefreshControl

Question

React Native\'s ListView has a built-in pull-to-refresh control called RefreshControl. It\'s super easy to use.

I\'d like to customize the look and feel of the cont

Answer 1

You can outsmart it by doing:

• setting transparent properties to ListView
• Adding component with absolute position

Example:

  {/* custom refresh control */}
  
    
  
  {/* list view*/}
   console.log(e.nativeEvent)}
        // all properties must be transparent
        tintColor="transparent"
        colors={['transparent']}
        style={{backgroundColor: 'transparent'}}
        refreshing={this.state.refreshing}
        onRefresh={() => {
          this.setState({refreshing:true});
          setTimeout(() => {
            this._addRows()
          }, 2000);
        }}
        />
    }
    renderRow={(rowData) => {rowData}} />

This is the result: