react-native-accordion-collapsible

---

Accordion Collapsible component for React Native

---

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

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

---

Made with create-react-native-library