Screen Shot

Installation

Usage

importReact,{Component}from'react';importDropRefreshControlfrom'react-native-drop-refresh';import{AppRegistry,ListView,ScrollView,StyleSheet,Text,View}from'react-native';varSCROLLVIEW='ScrollView';varLISTVIEW='ListView';classRCTRefreshControlDemoextendsComponent{constructor(){vards=newListView.DataSource({rowHasChanged:(r1,r2)=>r1!==r2});this.state={dataSource:ds.cloneWithRows(['#484848','#2F9C0A','#05A5D1']),}}componentDidMount(){// ScrollViewDropRefreshControl.configure({node:this.refs[SCROLLVIEW],tintColor:'#05A5D1',activityIndicatorViewColor:'#05A5D1'},()=>{setTimeout(()=>{DropRefreshControl.endRefreshing(this.refs[SCROLLVIEW]);},2000);});// ListViewDropRefreshControl.configure({node:this.refs[LISTVIEW]},()=>{setTimeout(()=>{DropRefreshControl.endRefreshing(this.refs[LISTVIEW]);},2000);});}render(){return(<Viewstyle={styles.container}><ScrollViewref={SCROLLVIEW}style={styles.scrollView}><Viewstyle={{backgroundColor:'#05A5D1',height:200}}/><Viewstyle={{backgroundColor:'#FDF3E7',height:200}}/><Viewstyle={{backgroundColor:'#484848',height:200}}/></ScrollView><ListViewref={LISTVIEW}style={styles.listView}dataSource={this.state.dataSource}renderRow={(rowData)=>{varcolor=rowData;return(<Viewstyle={{backgroundColor:color,height:200}}/>);}}/></View>);}};varstyles=StyleSheet.create({container:{flex:1,flexDirection:'row'}});AppRegistry.registerComponent('DropRefreshControlDemo',()=>DropRefreshControlDemo);// use `export default DropRefreshControlDemo` instead to use this as an component;

License