cardview.md

March 28, 2018 ยท View on GitHub

CardView

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

CardView Example

Attributes

PropTypeDefaultDescriptionPlatformRequired
onPressfunc-onPress functioniOS,AndroidNo

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>