Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zobeirhamid/react-native-scrollable-navigation-bar

Respecting navigation bar for scrolling screens.
https://github.com/zobeirhamid/react-native-scrollable-navigation-bar

Last synced: 2 days ago
JSON representation

Respecting navigation bar for scrolling screens.

Host: GitHub
URL: https://github.com/zobeirhamid/react-native-scrollable-navigation-bar
Owner: zobeirhamid
License: mit
Created: 2019-03-12T01:21:30.000Z (over 5 years ago)
Default Branch: master
Last Pushed: 2023-10-05T21:54:47.000Z (about 1 year ago)
Last Synced: 2024-07-16T18:51:42.827Z (4 months ago)
Language: TypeScript
Homepage: https://zobeirhamid.github.io/react-native-scrollable-navigation-bar/
Size: 33.2 MB
Stars: 266
Watchers: 4
Forks: 29
Open Issues: 42
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE

Awesome Lists containing this project

README

        # React Native Scrollable Navigation Bar

| [Image Background Example](https://zobeirhamid.github.io/react-native-scrollable-navigation-bar/examples/image-background) | [Search Bar Example](https://zobeirhamid.github.io/react-native-scrollable-navigation-bar/examples/search-bar) |

| :------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------: |

|                                    ![Image Background](./image-background-preview.gif)                                     |                                    ![Search Bar](./search-bar-preview.gif)                                     |

## Getting Started

[Check out the docs](https://zobeirhamid.github.io/react-native-scrollable-navigation-bar)

## Features

- 60 FPS scroll animations

- Works on all Platforms

- Uses react-native Animated API, so no extra dependencies are needed

- Fully customizable

## Roadmap

- [ ] Custom RefreshControl Animation

- [ ] Supporting FlatList

- [ ] ScrollView Methods

## Bugs

- Web[iOS]: Bouncing won't scale up the HeaderBackground Component

- Web: Border flickering

- RegularNavigationBar: If `collapsible=true`, `stickyCollapsible=true`, and a `SnapComponent` exists, so the `StickyComponent` collapses too early, as it does not count in `snapHeight`