0.1.2 • Published 7 years ago
reactscroller v0.1.2
usage
npm i reactscroller --saveand then you can(ES6):
import ReactScoller from "reactscroller";or:
var ReactScoller = require("reactscroller");You can visit ReactScrollerExample to find more details for usage.
The following is a list of incoming properties：
| property | Optional | Default | description | type |
|---|---|---|---|---|
| containerHeight | Necessary | null | The height for the outer container to scroll | String | Number |
| containerWidth | Optional | 100% | The width for the outer container to scroll | String | Number |
| refresh | Optional | null | The function for pull down to refresh | Function |
| loadMore | Optional | null | The function for scroll up to load more | Function |
| lowerBound | Optional | 50 | The distance to the bottom when trigger the function loadmore | Number |
| refreshTip | Necessary | null | The refreshTip for the different stages of refreshing(a property of this.state is better. It should be changed) | String or Component |
| loadMoreTip | Necessary | null | The loadmoreTip for the different stages of loading more (a property of this.state is better. It should be changed) | String or Component |
| showRefresh | Necessary | null | Whether the refreshTip should be displayed | bool |
| showLoadMore | Necessary | null | Whether the loadMoreTip should be displayed | bool |
Advanced
I peeled off the core module and the presentation module during the coding phase. So you can use the ReactScrollerCore to make more customization.
import {ReactScrollerCore} from "reactscroller";I continue thinking and testing, if you have some good ideas please visit issues
License
MIT