Animated accordion component for React Native with React 17 and React Native 0.64.3 Support
npm install --save @gapur/react-native-accordion
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>
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 | (showContent) => {} |
git clone git@github.com:Gapur/react-native-accordion.git
cd react-native-accordion/example
yarn
npm run ios
MIT