Awesome

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