React Native component that helps with determining whether a component is in the viewport.
npm install @svanboxel/visibility-sensor-react-nativeInspired by react-native-inviewport and react-visibility-sensor.
All usable with Expo with no extra native dependencies!
| 
:---------------:|:----------------:|
| 🐶 visible vertical? | 🐶 visible horizontal? |
Open a Terminal in the project root and run:
``sh`
npm install npm visibility-sensor-react-native
or if you use yarn:
`sh`
yarn add visibility-sensor-react-native
`javascript
import VisibilitySensor from 'visibility-sensor-react-native'
const Example = props => {
const handleImageVisibility = visible = {
// handle visibility change
}
render() {
return (
source={require("../assets/placeholder.png")}
/>
)
}
}
``
It's not finished and some work has to be done yet.
- Handle offsets. Callback if triggered is 1px is in viewport now.
- Add correct Typescript types
- Add tests
If you have suggestions for how this component could be improved, or want to report a bug, open an issue! We'd love all and any contributions.
For more, check out the Contributing Guide.