This is documentation for Stream Chat React Native SDK v5, which is nolonger actively maintained. For up-to-date documentation, see the latest version (v6).

Card

Component to render custom attachments within the MessageList. Please check the guides for Custom Attachment for basic usage.

Props

additionalTouchableProps

Additional props provided to the underlying TouchableOpacity used by components within a message such as MessageContent.

Type
object

author_name

Author name, to be rendered in footer of card.

Type
string

image_url

URL of image to render as cover image for card. In absence of image_url, thumb_url will be used for cover.

Type
string

og_scrape_url

URL to redirect to, when user presses on card.

Type
string

onLongPress

Default long press handler for message UI.

Type
function

onPress

Default press handler for message UI.

Type
function

onPressIn

Default pressIn handler for message UI.

Type
function

text

Text description for card, which will be rendered in footer of card.

Type
string

thumb_url

Thumbnail URL for cover image.

Type
string

title

Title for card, which will be rendered in footer of card

Type
string

UI Component Props

CardCover

Component to render main body for Card component which renders custom type of attachment. Please check the guides for Custom Attachment.

Type
ComponentType

CardFooter

Component to render footer for Card component which renders custom type of attachment. Please check the guides for Custom Attachment.

Type
ComponentType

CardHeader

Component to render header for Card component which renders custom type of attachment. Please check the guides for Custom Attachment.

Type
ComponentType

ImageComponent

Drop in replacement of all the underlying Image components within SDK. This is useful for the purpose of offline caching of images. Please check the Offline Support Guide for usage.

TypeDefault
ComponentTypeImage

© Getstream.io, Inc. All Rights Reserved.