1.1.0 • Published 9 months ago
react-native-accordion-list-reanimated v1.1.0
This is a custom accordion list with react-native-reanimated. My build versions: 1- react-native-reanimated: 2.14.4
Installation
npm install react-native-accordion-list-reanimated
Doc
Usage
//Usage
import AccordionList from "react-native-accordion-list-reanimated";
const data = [
{
title: 'Title 1',
text: 'Text 1',
},
{
title: 'Title 2',
text: 'Text 2',
},
{
title: 'Title 3',
text: 'Text 3',
},
{
title: 'Title 4',
text: 'Text 4',
},
];
<SafeAreaView style={{flex: 1}}>
<AccordionList
data={data}
bgColorContain={'white'}
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 |
---|---|---|---|
data | List | Accordions data. | "Give data" |
bgColorContain | String | All accordions backgroundColor. | "#FFF" |
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 |