README
react-native-impressions
Track which components are visible to user
Installation
npm install react-native-impressions
Usage
import { Watcher } from "react-native-impressions"
<Watcher watchX watchY callback={({ direction, visible }) => {...}}>
<YourComponent />
</Watcher>
Props
name | type | description |
---|---|---|
watchX | boolean | watch only for x-axis |
watchY | boolean | watch only for y-axis |
callback | function | return the direction and visibility status of the component |
watchInterval | number | watch position at this time interval in milliseconds |
visiblePercentageX | number | valid percent component visibility for x-axis |
visiblePercentageY | number | valid percent component visibility for y-axis |
extraOffsetBottom | number | addition offset to avoid other components |
extraOffsetTop | number | addition offset to avoid other components |
extraOffsetRight | number | addition offset to avoid other components |
extraOffsetLeft | number | addition offset to avoid other components |