1.0.1 • Published 2 years ago

biglist-with-tabs v1.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

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