CardViewWithImage
#### Attributes
| Prop | Type | Default | Description | Platform | Required |
|---|---|---|---|---|---|
|**`width`**|`number or string`| `300` | CardView width (for full width you should set `'100%'`) |iOS,Android| Yes |
|**`imageWidth`**|`number or string`| `100` | Image width (for full width you should set `'100%'`) |iOS,Android| Yes |
|**`imageHeight`**|`number or string`| `100` | Image height (for full width you should set `'100%'`) |iOS,Android| Yes |
|**`roundedImage`**|`bool`| `true` | If you set false image will be square |iOS,Android| No|
|**`roundedImageValue`**|`number`| `50` | If you want your image rounded first set roundedImage "true" after give a number value this attr. |iOS,Android| No|
|**`imageMargin`**|`object`| - | You can set image **margin** with this. This object requires `top`, `bottom`, `right`, `left`|iOS,Android| No|
|**`source`**|`object`| - | You can add your source like [React_Native Image Component Documents](https://facebook.github.io/react-native/docs/image.html#source). Also, if you use imageComponent you can remove this |iOS,Android| If you're not using imageComponent |
|**`buttonComponent`**|`object`| - | You can place your own button component for showing a button |iOS,Android| No|
|**`imageComponent`**|`object`| - | You can place your own image component (Fast-image etc.) but if you use this, our embedded styling not work. |iOS,Android| No|
|**`title`**|`string`| - | Component title |iOS,Android| No|
|**`titleTextAlign`**|`string`| - | Component title text align |iOS,Android| No|
|**`titleFontWeight`**|`string`| - | Component title font weight |iOS,Android| No|
|**`titleFontSize`**|`number`| - | Component title font size|iOS,Android| No|
|**`titleFontFamily`**|`string`| `"sans-serif"` | Card view title font family |iOS,Android|
|**`titleLineHeight`**|`number`| - | Component title text line height |iOS,Android| No|
|**`titlePadding`**|`object`| - | You can set title **padding** with this object. This object requires `top`, `bottom`, `right`, `left`|iOS,Android| No|
|**`titleMargin`**|`object`| - | You can set title **margin** with this object. This object requires `top`, `bottom`, `right`, `left`|iOS,Android| No|
|**`content`**|`string`| - | Content text |iOS,Android| No|
|**`contentFontWeight`**|`string`| - | Component content font weight |iOS,Android| No|
|**`contentFontSize`**|`string`| - | Component content font size |iOS,Android| No|
|**`contentTextAlign`**|`string`| - | Component content text align |iOS,Android| No|
|**`contentPadding`**|`object`| - | You can set content **padding** with this object. This object requires `top`, `bottom`, `right`, `left`|iOS,Android| No|
|**`contentFontFamily`**|`string`| - | Card view content font family |iOS,Android|
|**`contentMargin`**|`object`| - | You can set content **margin** with this object. This object requires `top`, `bottom`, `right`, `left`|iOS,Android| No|
|**`contentLineHeight`**|`number`| - | Component content text line height |iOS,Android| No|
#### Examples
```jsx
import { CardViewWithImage } from 'react-native-simple-card-view'
```
**Simple Full Width Image Example**
```jsx
```
**Rounded Image Example**
```jsx
```
**onPress Example**
```jsx
console.log("CardViewWithImage Clicked!")}
roundedImage={ true }
roundedImageValue={ 50 }
imageMargin={ {top: 10} }
/>
```