https://github.com/rootstrap/react-native-peeking-header
React native header that hides when scrolling down and shows when scrolling up.
https://github.com/rootstrap/react-native-peeking-header
hacktoberfest react-native scrolling
Last synced: about 1 month ago
JSON representation
React native header that hides when scrolling down and shows when scrolling up.
- Host: GitHub
- URL: https://github.com/rootstrap/react-native-peeking-header
- Owner: rootstrap
- Created: 2020-06-12T17:36:04.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-07-02T15:18:56.000Z (almost 6 years ago)
- Last Synced: 2025-06-12T01:05:08.968Z (12 months ago)
- Topics: hacktoberfest, react-native, scrolling
- Language: JavaScript
- Homepage:
- Size: 1.95 KB
- Stars: 2
- Watchers: 8
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-native-peeking-header
Simple header component that hides when scrolling down and shows up again when scrolling up.
## Installation
```
npm install react-native-peeking-header
```
or
```
yarn add react-native-peeking-header
```
## Result
## Usage
The component functions as a `scrollview` and has a render prop to render your header.
```js
import PeekingHeader from 'react-native-peeking-header';
import YourComponent from './YourComponent';
const App = () => (
}>
// scrollable content
)
```
## License
**@rootstrap/react-native-peeking-header** is available under the MIT license. See the LICENSE file for more info.
## Credits
**react-native-peeking-header** is maintained by [Rootstrap](http://www.rootstrap.com) with the help of our [contributors](https://github.com/rootstrap/react-native-peeking-header/contributors).
[
](http://www.rootstrap.com)