Card

Cards are a great way to display information, usually containing content and actions about a single subject. Cards can contain images, buttons, text and more. Cards are mainly used for informative purpose.

Usage

Import

import { Card } from '@rneui/themed';

Theme Key

Card

Default

Word of the Day

be-nev-o=lent

adjective

well meaning and kindly.
"a benevolent smile"

Learn More

Show Code

Props

Name	Type	Default	Description
containerStyle	View Style		Outer container style.
wrapperStyle	View Style		Inner container style.

Playground

CARD WITH DIVIDER

Pranshu Chittora

children [?]

<Card.Title>CARD WITH DIVIDER</Card.Title> <Card.Divider/> <View style={{position:"relative",alignItems:"center"}}> <Image style={{width:"100%",height:100}} resizeMode="contain" source={{ uri: "https://avatars0.githubusercontent.com/u/32242596?s=460&u=1ea285743fc4b083f95d6ee0be2e7bb8dcfc676e&v=4" }} /> <Text >Pranshu Chittora</Text> </View>

 
        <Card.Title>CARD WITH DIVIDER</Card.Title>
        <Card.Divider/>
        <View style={{position:"relative",alignItems:"center"}}>
          <Image
              style={{width:"100%",height:100}}
              resizeMode="contain"
              source={{ uri: "https://avatars0.githubusercontent.com/u/32242596?s=460&u=1ea285743fc4b083f95d6ee0be2e7bb8dcfc676e&v=4" }}
            />
          <Text >Pranshu Chittora</Text>
         </View>
         

containerStyle [?]

{}

{}

wrapperStyle [?]

{}

{}