0.0.3 • Published 5 years ago

react-native-isinview v0.0.3

Weekly downloads
1
License
MIT
Repository
github
Last release
5 years ago

react-native-isinview

Detects if a ScrollView or ListView element is inside the users viewport and reports back on changes

##Install

npm i -S react-native-isinview

or with yarnpkg:

yarn add react-native-isinview --save

##Props

  • onChange (required): callback function that report true or false if component is in view.
  • active : if set true it will activate a listener to the view (default: true).
  • delay : set the frequency for the listener (default: 200).

##Uage

import IsInview from 'react-native-isinview'

render() {
  return (
  <ScrollView>
    <IsInview onChange={inView => console.log('Inview: '+ inView)}>
      ....
    </IsInview>

    <IsInview onChange={inView => console.log('Inview: '+ inView)}>
      ....
    </IsInview>

  </ScrollView>
  );
}