react-native-isinview

0.0.3 • Public • Published

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>
  );
}

Package Sidebar

Install

npm i react-native-isinview

Weekly Downloads

0

Version

0.0.3

License

MIT

Unpacked Size

3.29 kB

Total Files

3

Last publish

Collaborators

  • paleksic