@gapur/react-native-accordion
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.5 • Public • Published

    react-native-accordion

    Animated accordion component for React Native

    Example app

    image

    Installation

    npm install --save @gapur/react-native-accordion

    Usage

    import Accordion from "@gapur/react-native-accordion";
     
    <Accordion headerTitle="Title">
      <View>
        <Image source={imageUrl} />
        <Text>{description}</Text>
      </View>
    </Accordion>

    You can also show arrow button on the bottom and override accordion header content:

    <Accordion
      showButton
      style={styles.accordion}
      renderHeader={() => renderAccordionHeader()}>
      <View>
        <Image source={imageUrl} />
        <View style={styles.headerValue}>
          <Text style={styles.headerLabelText}>{title}</Text>
          <Text style={styles.headerValueText}>{description}</Text>
        </View>
      </View>
    </Accordion>

    Properties

    Prop Description Default
    headerStyle Optional styling for the header title container {}
    headerTitle Header title text
    headerTitleStyle Header title text style
    showButton Show accordion bottom button false
    buttonStyle Accordion bottom button style {}
    renderHeader Render own accordion header () => {}
    style Optional styling for the container
    renderButtonContent Render own accordion bottom button () => {}

    Running example app

    git clone https://github.com/Gapur/react-native-accordion.git
    cd react-native-accordion/example
    yarn
    npm run ios

    License

    MIT

    Install

    npm i @gapur/react-native-accordion

    DownloadsWeekly Downloads

    38

    Version

    1.0.5

    License

    MIT

    Unpacked Size

    257 kB

    Total Files

    20

    Last publish

    Collaborators

    • avatar