react-native-expandable-card

A react-native expandable and collapsible animated card

Installation

npm install --save react-native-expandable-card

Use

import React from 'react';
import { View } from 'react-native';
import ExpandableCard from 'react-native-expandable-card';

const MyComponent = () => {
    return (
        <View>
            <ExpandableCard
                collapsedCardItems={[
                    {label: 'title', value: 'Inception'},
                    {label: 'director', value: 'Christopher Nolan'},
                    {label: 'year', value: 2010}
                ]}
                expandedCardItems={[
                    {label: 'title', value: 'Inception'},
                    {label: 'director', value: 'Christopher Nolan'},
                    {label: 'genre', value: 'science-fiction'}
                    {label: 'year', value: 2010}
                ]}
                style={{backgroundColor: 'lightgrey', marginHorizontal: 20}}
                labelStyle={{fontFamily: 'open-sans-cond-bold'}}
                valueStyle={{fontFamily: 'open-sans-cond'}}
            />
        </View>
    );
};

export default MyComponent;