npm install
npm start
http://localhost:8999/examples/
online example: http://react-component.github.io/m-list-view/
see examples
same as React Native ListView (v0.26).
In general, do not support platform-specific feature,
like: android
endFillColor, ios
alwaysBounceHorizontal.
And, use css style instead of react-native's style.
- onChangeVisibleRows
- stickyHeaderIndices
- ScrollView props:
- keyboardDismissMode (not support control keyboard)
- keyboardShouldPersistTaps (not support control keyboard)
- onContentSizeChange (use onLayout instead)
- removeClippedSubviews
- showsHorizontalScrollIndicator (use css style instead)
- showsVerticalScrollIndicator (use css style instead)
- View props
- useBodyScroll (boolean, false) - use html
body
's scroll - stickyHeader (note: if set it, ScrollComponent will be render into the head of body element, auto enable
useBodyScroll
)- stickyProps / stickyContainerProps (see react-sticky)
- renderBodyComponent - render listview body wrapper component
- renderSectionBodyWrapper - render listview section body wrapper component
- useZscroller (boolean, false) - use zscroller to well support RefreshControl and pull up refresh.(
useBodyScroll
and sticky not work when enable useZscroller) - scrollerOptions - zscroller options
Note: if you set renderScrollComponent
,
you need to write your own scroll logic like ScrollView
component(see /examples/MyScroller.js
).
- quickSearchBarTop (object{value:string, label:string}, default '#') - top button
- quickSearchBarStyle (object) - quickSearchBar's style
- onQuickSearch (function())
- showQuickSearchIndicator (boolean, false) - show quick search indicator
- delayTime (number) - default 100ms, delay render time (delay render these items of
totalRowCount - initialListSize
) - delayActivityIndicator (react node) - delay render activity indicator
Note: should not enable useZscroller on IndexedList.
- icon (any) - refresh indicator, include
pull
andrelease
state - loading (any) - loading indicator
- distanceToRefresh (number, default 50) - distance to refresh
- onRefresh (function, required) - onRefresh callback
- refreshing (boolean, false) - whether to show refreshing state
npm test
npm run chrome-test
npm run coverage
open coverage/ dir
rmc-list-view is released under the MIT license.