1.1.0 • Published 9 months ago
react-native-accordion-only-reanimated v1.1.0
This is a custom accordion basic with react-native-reanimated. My build versions: 1- react-native-reanimated: 2.14.4
Installation
npm install react-native-accordion-only-reanimated
Doc
Usage
//Usage
import AccordionBasic from "react-native-accordion-only-reanimated";
<SafeAreaView style={{flex: 1}}>
<AccordionBasic
title={'Title'}
text={'Text'}
bgColor={'#DEE2E6'}
padding={10}
marginVertical={4}
marginHorizontal={8}
borderRadius={10}
borderWidth={0.5}
borderColor={'black'}
titleTextSize={18}
titleTextColor={'black'}
contentTextSize={15}
contentTextColor={'black'}
iconSize={24}
/>
</SafeAreaView>
API
prop | type | description | default |
---|---|---|---|
title | String | Accordion title. | "Please give title" |
text | String | Accordion text. | "Please give text" |
bgColor | String | Accordion backgroundColor. | "#DEE2E6" |
padding | Number | Accordion padding. | 10 |
marginVertical | Number | Accordion marginVertical. | 4 |
marginHorizontal | Number | Accordion marginHorizontal. | 8 |
borderRadius | Number | Accordion borderRadius. | 10 |
borderWidth | Number | Accordion borderWidth. | 0.5 |
borderColor | String | Accordion borderColor. | "black" |
titleTextSize | Number | Accordion titleTextSize. | 18 |
titleTextColor | String | Accordion titleTextColor. | "black" |
contentTextSize | Number | Accordion contentTextSize. | 15 |
contentTextColor | String | Accordion contentTextColor. | "black" |
iconSize | Number | Accordion iconSize. | 24 |