Skip to main content
Version: Next

Tile

Tiles like Cards, are a convenient way to display related content about a single subject.

Also receives all TouchableNativeFeedback (Android) or TouchableOpacity (iOS) props.

Usage#


Props#

Tile#

Reference#

Tile#

ImageComponent#

Custom ImageComponent for Tile.

TypeDefault
anyNone

activeOpacity#

Determines what the opacity of the wrapped view should be when touch is active.

Defaults to 0.2

Number passed to control opacity on press.

TypeDefault
numberNone

caption#

Text inside the tilt when tile is featured.

TypeDefault
anyNone

captionStyle#

Styling for the caption (optional); You only use this if caption is a string.

TypeDefault
Text Style(Object)None

containerStyle#

Styling for the outer tile container.

TypeDefault
View style(Object)None

contentContainerStyle#

Styling for bottom container when not featured tile.

TypeDefault
View style(Object)None

featured#

Changes the look of the tile.

TypeDefault
booleanNone

height#

Height for the tile.

TypeDefault
numberwidth * 0.8

icon#

Icon Component Props.

TypeDefault
Text Style(Object)None

iconContainerStyle#

Styling for the outer icon container.

TypeDefault
View style(Object)None

imageContainerStyle#

Styling for the image.

TypeDefault
View style(Object)None

imageProps#

Optional properties to pass to the image if provided e.g "resizeMode".

TypeDefault
ImageProps(Object){}

imageSrc#

Source for the image.

TypeDefault
string or ImageSourcePropTypeNone

overlayContainerStyle#

Styling for the overlay container when using featured tile.

TypeDefault
View style(Object)None

title#

Text inside the tile.

TypeDefault
stringNone

titleNumberOfLines#

Number of lines for Title.

TypeDefault
numberNone

titleStyle#

Styling for the title.

TypeDefault
Text Style(Object)None

width#

Width for the tile.

TypeDefault
numberDimensions.get('window').width