react-native-accordion-wrapper v1.0.3

React Native Accordion Wrapper

An 🪗 accordion component for react native written in TypeScript in order to handle the accordion behavior for any react native components.

Installing

For the latest stable version:

using npm:

npm install --save react-native-accordion-wrapper

using yarn:

yarn add react-native-accordion-wrapper

Usage

import React, { Component } from 'react';
import Accordion from 'react-native-accordion-wrapper';

const Example = () => {

    return (
      <Accordion
        dataSource={[{
            title: 'first title',
            child: <View><Text>This is the child view</Text></View>
        }, {
            title: 'second title',
            child: <View><Text>This is the child view</Text></View>
        }]}/>
    );
}

AccordionItem

The Accordion component is a wrapper of another component named AccordionItem which has a tappable header with a child view on the bottom of it. Whenever the header is tapped so the visibility of child view is getting toggled. it's very handy if you don't need an accordion but you need this behavior.

import React, { Component } from 'react';
import { AccordionItem } from 'react-native-accordion-wrapper';

const Example = () => {

    return (
      <AccordionItem title="Tap me!">
        {/** any react native component */}
      </AccordionItem>
    );
}

Documentation

here is the properties and the descriptions of it:

Accordion component properties

AccordionItem component properties