React-native-accordion-collapsible NPM

react-native-accordion-collapsible

Accordion Collapsible component for React Native

demo

Features

For iOS and Android
Full customizable
Compatible with Expo.

Installation

npm install react-native-accordion-collapsible react-native-reanimated

*required react-native-reanimated v3

Usage

import { View, Text } from 'react-native'
import Accordion from 'react-native-accordion-collapsible';

// ...

<Accordion headerText='Lorem ipsum' style={styles.accordion} styleContent={accordionContent}>
  <Text>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Nam eu massa viverra, malesuada metus sed, malesuada dui.
  </Text>
</Accordion>



const styles = StyleSheet.create({
  accordion: {
    marginTop: 150,
    marginHorizontal: 20
  },
  accordionContent: {
    paddingTop: 10
  }
})

API

Prop	Type	Required	Description
children	ReactNativeElement	Yes	Accordion content
headerText	string	Yes	Accordion Title
iconRight	ReactNativeElement	No	chevron icon
style	Styles	No	Accordion styles
styleContent	Styles	No	styles for the content container
styleHeader	Styles	No	header container styles
styleHeaderIconContainer	Styles	No	styles for iconRight container
styleHeaderText	Styles	No	Styles for header text
open	Boolean	No	set if open
delayTimeToOpen	Number	No	Value in millisecond. If no set value and open is true, the default value is 0