1. Home
  2. Docs
  3. React Native
  4. Componentler
  5. Card

Card

Card bir native-base Componentidir, react-native içerisinde default olarak gelmez native-base kütüphanesini yüklemeniz gerekir,

sudo npm install native-base –save

yüklme sonrasında projenize import etmelisiniz.

import  {Card} from native-base

<Card>
    {...}
</Card>

default değerleri ile margin ve padding aktif olacaktır  , ekstra olarak style tanımlanabilir.  Card componentine header ve footer alanları ekleyebilirsiniz.

 

 <Card>
            <CardItem header>
              <Text>Header İçerik</Text>
            </CardItem>
            
            <CardItem>
              <Body>
                <Text>
                  //Your text here
                </Text>
              </Body>
            </CardItem>
            
            <CardItem footer>
              <Text>Footer içerik</Text>
            </CardItem>
            
         </Card>

 

Tags