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