Simple, empty CardView component. You can fill inside with anything you want
Prop | Type | Default | Description | Platform | Required |
---|---|---|---|---|---|
onPress |
func |
- | onPress function | iOS,Android | No |
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>