react-native-accordion-list-reanimated

1.1.0 • Public • Published

This is a custom accordion list with react-native-reanimated. My build versions: 1- react-native-reanimated: 2.14.4

Installation

  npm install react-native-accordion-list-reanimated

Doc

react-native-reanimated

Usage

  //Usage
  import AccordionList from "react-native-accordion-list-reanimated";

  const data = [
    {
      title: 'Title 1',
      text: 'Text 1',
    },
    {
      title: 'Title 2',
      text: 'Text 2',
    },
    {
      title: 'Title 3',
      text: 'Text 3',
    },
    {
      title: 'Title 4',
      text: 'Text 4',
    },
  ];

  <SafeAreaView style={{flex: 1}}>
    <AccordionList
      data={data}
      bgColorContain={'white'}
      bgColor={'#DEE2E6'}
      padding={10}
      marginVertical={4}
      marginHorizontal={8}
      borderRadius={10}
      borderWidth={0.5}
      borderColor={'black'}
      titleTextSize={18}
      titleTextColor={'black'}
      contentTextSize={15}
      contentTextColor={'black'}
      iconSize={24}
    />
  </SafeAreaView>

API

prop type description default
data List Accordions data. "Give data"
bgColorContain String All accordions backgroundColor. "#FFF"
bgColor String Accordion backgroundColor. "#DEE2E6"
padding Number Accordion padding. 10
marginVertical Number Accordion marginVertical. 4
marginHorizontal Number Accordion marginHorizontal. 8
borderRadius Number Accordion borderRadius. 10
borderWidth Number Accordion borderWidth. 0.5
borderColor String Accordion borderColor. "black"
titleTextSize Number Accordion titleTextSize. 18
titleTextColor String Accordion titleTextColor. "black"
contentTextSize Number Accordion contentTextSize. 15
contentTextColor String Accordion contentTextColor. "black"
iconSize Number Accordion iconSize. 24

Package Sidebar

Install

npm i react-native-accordion-list-reanimated

Weekly Downloads

2

Version

1.1.0

License

ISC

Unpacked Size

24.9 kB

Total Files

7

Last publish

Collaborators

  • yigithan10