Card

Card component

Extends: TouchableOpacity (Touchable when passing onPress)
(meaning you can pass the super component's props as well).

Supported modifiers: margin, padding.
Read more about modifiers here.

PROPS

namedescriptiontypedefault
widthcard custom widthunion
heightcard custom heightunion
rowshould inner card flow direction be horizontalbool
borderRadiuscard border radius (will be passed to inner Card.Image component)number
onPressaction for when pressing the cardfunc
enableShadowwhether the card should have shadow or notbooltrue
elevationelevation value (Android only)number
enableBlurenable blur effect (iOS only)bool
blurOptionsblur option for blur effect according to react-native-blur lib (make sure enableBlur is on)object
containerStyleAdditional styles for the top containerunion

LIVE EXAMPLE

CODE SAMPLE

See example here.