Screen Shot

Installation

Usage

'use strict';varReact=require('react-native');varTimerMixin=require('react-timer-mixin');varRCTRefreshControl=require('react-refresh-control');var{  AppRegistry,  ListView,  ScrollView,  StyleSheet,  Text,  View}=React;varSCROLLVIEW='ScrollView';varLISTVIEW='ListView';varRCTRefreshControlDemo=React.createClass({mixins:[TimerMixin],getInitialState:function(){vards=newListView.DataSource({rowHasChanged:(r1,r2)=>r1!==r2});return{dataSource:ds.cloneWithRows(['#484848','#2F9C0A','#05A5D1']),};},componentDidMount:function(){// ScrollViewRCTRefreshControl.configure({node:this.refs[SCROLLVIEW],tintColor:'#05A5D1',activityIndicatorViewColor:'#05A5D1'},()=>{this.setTimeout(()=>{RCTRefreshControl.endRefreshing(this.refs[SCROLLVIEW]);},2000);});// ListViewRCTRefreshControl.configure({node:this.refs[LISTVIEW]},()=>{this.setTimeout(()=>{RCTRefreshControl.endRefreshing(this.refs[LISTVIEW]);},2000);});},render:function(){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('RCTRefreshControlDemo',()=>RCTRefreshControlDemo);

License