0.1.0 • Published 12 months ago
react-native-looped-scroll-view v0.1.0
react-native-infinity-scroll-view
Installation
Using NPM:
$ npm i react-native-infinity-scroll-view
Using Yarn:
$ yarn add react-native-infinity-scroll-view
Usage
import { InfinityScrollView } from 'react-native-infinity-scroll-view'
<InfinityScrollView
data={[1,2,3,4,5,6,7,8,9]}
renderItem={({ item }) => <View><Text>{item.toString()}</Text></View>}
vivableCount={5}
pagingEnabled
onInit={saveHour}
onScrollEnd={saveHour}
onScrollStart={() => {
setActiveHourIdx(undefined);
}}
style={styles.timeFace}
/>
Options
InfinityScrollView
Props | Type | Desc | Required |
---|---|---|---|
data | any[] | Items list | true |
pagingEnabled | boolean | Fix position after scroll | false |
vivableCount | number | Items count on scroll viewport | true |
onInit | (items?: RenderItemValueType[]) => void | - | false |
onScrollStart | () => void | - | false |
onScrollEnd | (items?: RenderItemValueType[]) => void | - | false |
renderItem | (v: RenderItemValueType) => ReactNode | - | true |
onViewableItemsChanged | (items?: RenderItemValueType[]) => void | - | false |
style | StyleProp | - | false |
Authors
0.1.0
12 months ago