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