react-scrollrefresh

react-scrollrefresh

React ScrollRefresh is a React component which enables refresh via scoll

install

npm install react-scrollrefresh --save

properties	type	description
height	int/String	容器高度，需要设置合适的高度，复杂无法出现滚动条
width	int/String	容器宽度
fetchNextData	function(currentPos, pageNo)	获得下一页数据，currentPos为当前位置，从0开始；pageNo为当前页码，从1开始
synch	boolean	是否同步执行数据查询，缺省：false
nextData	Array	异步（synch=false）时，通过nextData通知组件数据更新，这个数据只包含当前页的数据。
loading	React Component	自定义loading
pageLoadFinish	function(pageNo)	页数据加载完成回调，可以用于加载后nextData清除，如果清空nextData，需要设置为null
renderItem	function(item, index)	自定义Item
renderNoData	function	自定义无数据界面
wrapper	String	包装组件，缺省'div'
wrapperClassName	String	包装组件ClassName

example

        <ScrollRefresh height={150} width={300}
                       fetchNextData={this.fetchNextData.bind(this)}
                       nextData={this.state.nextData}/>
                       
                       
        <ScrollRefresh height={150} width={300}
                       fetchNextData={this.fetchSynchNextData.bind(this)}
                       synch/>

license

MIT