React Native Web Headroom
Handling component that hide when scroll down, and showup when scroll up.
Instalation
npm install react-native-web-headroom --save
Run Example
cd examples/headroomnpm installnpm run ios
Example
;; ; Component { return <View> <HeadroomProvider> <ScrollableComponent component=ScrollView scrollEventThrottle=16 > ... </ScrollableComponent> <HeadContainer> <Header backgroundColor="red" zIndex=10/> <HeadComponent> <Header backgroundColor="green"/> </HeadComponent> <Header backgroundColor="yellow" /> </HeadContainer> </HeadroomProvider> </View> ; }
API
HeadroomContainer
todo
HeadroomComponent
todo
HeadroomProvider
todo
Examples
See the storybook.
Contributing
PRs are welcome!