Categories
Featured iPhone Development Resources iOS UI Controls Open Source React Native

UI Component For Parallax Header Views In React Native

Parallax headers have become a common pattern for list views and other content views.

React-native-parallax-header-view is an open source UI component allowing you to easily create views with a parallax header in React Native.

This version is updated from the original by yohaisengu works with newer versions of React Native (15.5.0+).

With React-native-parallax-header-views you can simply supply an image to create your parallax view, or if you like there are numerous customization options allowing you to tweak the parallax effect.

This animation from the readme shows React-native-parallax-header-view:

Animation showing the parallax header effect produced by this library in React Native.

Links:

A nice simple way to implemment the parallax header effect in React Native.