# biglist-with-tabs

Latest version **1.0.1** (published 2022-04-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install biglist-with-tabs
pnpm add biglist-with-tabs
yarn add biglist-with-tabs
bun add biglist-with-tabs
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2022-04-25 |
| First published | 2022-04-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 441.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | flyweight |
| Maintainers | hexmos |

## Links

- npm: https://www.npmjs.com/package/biglist-with-tabs
- npm.io page: https://npm.io/package/biglist-with-tabs

## Dependencies (2)

- [react-native-paper](https://npm.io/package/react-native-paper.md) ^4.11.1
- [react-native-big-list](https://npm.io/package/react-native-big-list.md) ^1.4.3

## Recent versions

- 1.0.1 (latest) — 2022-04-25
- 1.0.0 — 2022-04-25

## README

<div align="center">

# Biglist with tabs (React-Native)
<br>


[![js-prittier-style](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=for-the-badge)](https://prettier.io/)
[![Compatibility](https://img.shields.io/badge/platform-android%20%7C%20ios%20%7C%20Web%20%7C%20expo-blue.svg?style=for-the-badge)](http://npmjs.org/package/react-native-big-list)
## Manage biglist items by scrolling through section tabs 
</div>
<br/>

### 🎨 Screenshot
<img src="./assets/Biglistwithtabs.gif" width="300" height='600'  /> 
<br/>

### How to use ?
step:1
| npm                                        | yarn                             |
| ------------------------------------------ | -------------------------------- |
| `npm install FlyweightGroup/React-Native-Biglist-With-Tabs` | `yarn add FlyweightGroup/React-Native-Biglist-With-Tabs` |


step:2
`import BigListTab from 'BigList-With-Tabs'`


<br/>


### Basic Example

#### JavaScript
```
import BigListTab from 'BigList-With-Tabs'
// ...
const MyExample = ({ data }) => {
  ///provide your json data and onclick event through props..
  return <BigListTab sectiondata={data} onClickItem={your function}  />;
}
```

<br/>

### Remember !
Json format of the Section Data should be 
```
[
   [
      {
         "category":"section heading",
         "sectionId":"section id"
      },
      {
         "item1":"item"
      },
      {
         "item2":"item"
      }
   ],
   [
      {
         "category":"section heading",
         "sectionId":"section id"
      },
      {
         "item1":"item"
      },
      {
         "item2":"item"
      }
   ]
] 
``` 

### License 
MIT

---
_Source: https://npm.io/package/biglist-with-tabs · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._