React Native ScrollView Header

Animated ScrollView Header for React Native

Installation

$ npm install react-native-scrollview-header

or

$ yarn add react-native-scrollview-header

Usage

import React from 'react'
import { View } from 'react-native'
import Header from 'react-native-scrollview-header';

class Component extends React.Component {
	render() {
		const data = [{ name: 'Pink Floyd', age: '30' }];

		return (
			<Header title="Names" barStyle={{ backgroundColor: 'grey' }}>
				{data.map(item => (
					<Text> {item.name} </Text>
				))}
			</Header>
		);
	}
}

Props

Prop	Default	Type	Description
title	undefined	string	Title for header
titleStyle	undefined	object	Styles for header title
headerStyle	undefined	object	Styles for title container
barStyle	undefined	object	Styles for header bar
maxHeight	130	number	Maximum height of header (animated)
minHeight	95	number	Minimum height of header (animated)
extras	undefined	object	Extra items above title (icon)