ReactSwipeLoad
Support down swipe refresh & up swipe load more data.
Introduction
Develop
Depends on silki
npm install silki
or npm install silki -g
demo
How to use
see src/index.test.js
'use strict'; ;;;; const mockData1 = text: '测试数据测试数据测试数据' img: 'http://ykimg.alicdn.com/develop/image/2017-09-14/c47d007485407d06fa4b84b10da3627d.jpg' text: '测试数据测试数据测试数据' img: 'http://ykimg.alicdn.com/develop/image/2017-09-14/c47d007485407d06fa4b84b10da3627d.jpg' text: '测试数据测试数据测试数据' img: 'http://ykimg.alicdn.com/develop/image/2017-09-14/c47d007485407d06fa4b84b10da3627d.jpg' text: '测试数据测试数据测试数据' img: 'http://ykimg.alicdn.com/develop/image/2017-09-14/c47d007485407d06fa4b84b10da3627d.jpg' text: '测试数据测试数据测试数据' img: 'http://ykimg.alicdn.com/develop/image/2017-09-14/c47d007485407d06fa4b84b10da3627d.jpg' text: '测试数据测试数据测试数据' img: 'http://ykimg.alicdn.com/develop/image/2017-09-14/c47d007485407d06fa4b84b10da3627d.jpg' text: '测试数据测试数据测试数据' img: 'http://ykimg.alicdn.com/develop/image/2017-09-14/c47d007485407d06fa4b84b10da3627d.jpg' text: '测试数据测试数据测试数据' img: 'http://ykimg.alicdn.com/develop/image/2017-09-14/c47d007485407d06fa4b84b10da3627d.jpg' text: '测试数据测试数据测试数据' img: 'http://ykimg.alicdn.com/develop/image/2017-09-14/c47d007485407d06fa4b84b10da3627d.jpg' text: '测试数据测试数据测试数据' img: 'http://ykimg.alicdn.com/develop/image/2017-09-14/c47d007485407d06fa4b84b10da3627d.jpg' ; const mockData2 = text: '测试数据测试数据测试数据' img: 'http://ykimg.alicdn.com/develop/image/2017-06-15/bccb7d17a4b1dbd378469be59ed4383d.jpg' text: '测试数据测试数据测试数据' img: 'http://ykimg.alicdn.com/develop/image/2017-06-15/bccb7d17a4b1dbd378469be59ed4383d.jpg' text: '测试数据测试数据测试数据' img: 'http://ykimg.alicdn.com/develop/image/2017-06-15/bccb7d17a4b1dbd378469be59ed4383d.jpg' text: '测试数据测试数据测试数据' img: 'http://ykimg.alicdn.com/develop/image/2017-06-15/bccb7d17a4b1dbd378469be59ed4383d.jpg' text: '测试数据测试数据测试数据' img: 'http://ykimg.alicdn.com/develop/image/2017-06-15/bccb7d17a4b1dbd378469be59ed4383d.jpg' text: '测试数据测试数据测试数据' img: 'http://ykimg.alicdn.com/develop/image/2017-06-15/bccb7d17a4b1dbd378469be59ed4383d.jpg' ; Component { superprops; thisstate = mockData: mockData1 ; } { console; // eslint-disable-line ; } { console; // eslint-disable-line // location.reload(); ; } { const mockData = thisstate; const props = onBottomLoad: thisonBottomLoad onTopRefresh: thisonTopRefresh ; return <SwipeLoad ...props> mockData </SwipeLoad>; } ReactDOM;