1.0.0 • Published 1 year ago
@syeadmaaz/react-native-accordion v1.0.0
react-native-accordion library
User customisable Animated React Native Accordion with React 18 and React Native 0.69.3 Support and the downward show content button extends the content
Example Screenshot
Installation
npm install --save @syeadmaaz/react-native-accordion
Usage
import Accordion from "@syeadmaaz/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 | (showContent) => {} |
License
MIT
1.0.0
1 year ago