bamlab/react-native-image-header-scroll-view

Health v2 · maintenance only

Adoption not part of the score

1024 stars · 102 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A React Native component providing a ScrollView with a fixed image header that shrinks into a navbar as the user scrolls. It works on both iOS and Android and supports custom header rendering and scroll-triggered views.

Use cases

• build a profile page with a collapsing image header in React Native
• make a scrollable detail screen where the hero image becomes a navbar
• create a tv-show or product page with a parallax-style image header
• animate a header image shrinking on scroll in a React Native app
• trigger actions when a header element scrolls out of view

When to choose

• you need an image-to-navbar collapsing header on both iOS and Android
• you want a drop-in ScrollView replacement with header animation
• you need TriggeringView callbacks when header content hides or shows

When to avoid

• you are not building a React Native app
• you need a highly customized or novel header animation beyond shrinking
• you require a library under very active development with frequent updates

Facets

library · maturity maintenance

ui-components animation state-management mobile-development frontend cross-platform react-native scrollview image-header navbar collapsing-header ios android mobile

Member repositories

For agents

markdown · JSON · MCP: product_card(name="bamlab/react-native-image-header-scroll-view")