# react-native-scrollable-with-collapsable-header

> A simple react-native component to associate a collapsable header to any scrollable component (ie: ScrollView, FlatList, SectionList)

Latest version **1.0.1** (published 2018-10-18) · Apache 2.0 license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install react-native-scrollable-with-collapsable-header
pnpm add react-native-scrollable-with-collapsable-header
yarn add react-native-scrollable-with-collapsable-header
bun add react-native-scrollable-with-collapsable-header
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2018-10-18 |
| First published | 2018-10-18 |
| Weekly downloads | 0 |
| License | Apache 2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 14.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 5 |
| Author | Steven Harvey @ Nexapp |
| Maintainers | nexapp |
| Keywords | react-native |

## Links

- npm: https://www.npmjs.com/package/react-native-scrollable-with-collapsable-header
- Repository: https://github.com/Nexapp/react-native-scrollable-with-collapsable-header
- Homepage: https://github.com/Nexapp/react-native-scrollable-with-collapsable-header#readme
- Issues: https://github.com/Nexapp/react-native-scrollable-with-collapsable-header/issues
- npm.io page: https://npm.io/package/react-native-scrollable-with-collapsable-header

## Dependencies (1)

- [prop-types](https://npm.io/package/prop-types.md) ^15.6.2

## Recent versions

- 1.0.1 (latest) — 2018-10-18
- 1.0.0 — 2018-10-18

## README

# react-native-scrollable-with-collapsable-header
## What is it?
A simple react-native component to associate a collapsable header to any scrollable component (ie: ScrollView, FlatList, SectionList).

## Usage
```
  <ScrollableWithCollapsableHeader 
    headerComponent={() => {
      <MyHeaderComponent />
    }}
    headerHeight={50}
    listComponent={({style, onScroll, scrollEventThrottle}) => {
      <ScrollView style={style}, onScroll={onScroll}, scrollEventThrottle={scrollEventThrottle} />
    }}
  />
```

---
_Source: https://npm.io/package/react-native-scrollable-with-collapsable-header · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._