Skip to content
This repository was archived by the owner on Apr 16, 2019. It is now read-only.

Latest commit

 

History

History
53 lines (43 loc) · 1.75 KB

cardview.md

File metadata and controls

53 lines (43 loc) · 1.75 KB

CardView

Simple, empty CardView component. You can fill inside with anything you want

CardView Example

Attributes

Prop Type Default Description Platform Required
onPress func - onPress function iOS,Android No

Examples

import { CardViewWithImage } from 'react-native-simple-card-view'

Simple Example

    <CardView>
        <Text>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet blanditiis dolores eos ipsam nulla
            numquam officia provident repellat suscipit. Impedit itaque natus obcaecati odit quas recusandae. Deserunt
            ipsam iusto molestiae!
        </Text>
    </CardView>

onPress Example

    <CardView onPress={ () => console.log("Clicked!") }>
        <Image source={ {uri: "https://placeimg.com/640/480/cars"} } style={ {width: 100, height: 100, alignSelf: 'center'} }/>
        <Text
            style={ {
                marginVertical : 15,
                textAlign      : 'center',
                backgroundColor: '#673AB7',
                color          : '#FFFFFF',
                padding        : 10,
            } }>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet blanditiis dolores eos ipsam nulla
            numquam officia provident repellat suscipit. Impedit itaque natus obcaecati odit quas recusandae. Deserunt
            ipsam iusto molestiae!
        </Text>
    </CardView>