react-native-collapsible-header


Inspiration. (also this Snack)

Installation

yarn add react-native-collapsible-header

Definition

``javascript
type collapsible = {
backgroundColor?: string,
flatList?: boolean, // default = false
max?: number, // default = 44
min?: number, // default = 20 (ios), 24 (android)
renderContent: any, //
renderHeader: any //
// ScrollView props can be passed
// FlatList props can be passed
};
`

Example

`javascript
import React, { Component } from 'react';
import { Platform, StatusBar, Text, View } from 'react-native';

import Collapsible from 'react-native-collapsible-header';

const Header = () => (

Header

);

const Content = ({ gray }) => {
const contentStyle = [
styles.content,
{ backgroundColor: gray ? '#f7f7f7' : '#fff' }
];

return (

Content

);
};

const color = '#0f9d58';

export default class Example extends Component {
componentWillMount() {
StatusBar.setBarStyle('light-content', true);
}

render() {
return (
backgroundColor={color}
renderHeader={