biglist-with-tabs

1.0.1 • Public • Published

Biglist with tabs (React-Native)


js-prittier-style Compatibility

Manage biglist items by scrolling through section tabs


🎨 Screenshot


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'


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}  />;
}

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

Readme

Keywords

none

Package Sidebar

Install

npm i biglist-with-tabs

Weekly Downloads

10

Version

1.0.1

License

MIT

Unpacked Size

452 kB

Total Files

5

Last publish

Collaborators

  • hexmos