1.1.0 • Published 9 months ago

react-native-accordion-list-reanimated v1.1.0

Weekly downloads
-
License
ISC
Repository
github
Last release
9 months ago

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

proptypedescriptiondefault
dataListAccordions data."Give data"
bgColorContainStringAll accordions backgroundColor."#FFF"
bgColorStringAccordion backgroundColor."#DEE2E6"
paddingNumberAccordion padding.10
marginVerticalNumberAccordion marginVertical.4
marginHorizontalNumberAccordion marginHorizontal.8
borderRadiusNumberAccordion borderRadius.10
borderWidthNumberAccordion borderWidth.0.5
borderColorStringAccordion borderColor."black"
titleTextSizeNumberAccordion titleTextSize.18
titleTextColorStringAccordion titleTextColor."black"
contentTextSizeNumberAccordion contentTextSize.15
contentTextColorStringAccordion contentTextColor."black"
iconSizeNumberAccordion iconSize.24