React Native Accordion List

Description

React native Accordion list using flatlist with animation.

Install

npm i react-native-accordionlist

Import

import { AccordionList } from "react-native-accordionlist";

Usage

const USER_LIST_MOCK_DATA = [
    {
        id: 1,
        title: 'Leanne Graham'
    },
    {
        id: 2,
        title: 'Ervin Howell'
    },
    {
        id: 3,
        title: 'Clementine Bauch'
    },
    {
        id: 4,
        title: 'Patricia Lebsack'
    },
    {
        id: 5,
        title: 'Chelsey Dietrich'
    }
]

<AccordionList data={USER_LIST_MOCK_DATA} component={<CollapsedComponent />} />

Required Props

Prop	Type	default	Description
data	Array	LIST_DATA	Array of objects

Props for customization

Prop	Type	default	Description
component	Component	CollapsedComponent	Custom Component

Demo Gif: