Özellik | Tip | Varsayılan | Açıklama | Platform |
---|---|---|---|---|
iosIcon |
string |
ios-bonfire-outline | IOS simge eklemek için kullanılır : ionicons | iOS |
androidIcon |
string |
md-bonfire | Android simge eklemek için kullanılır : ionicons | Android |
iconColor |
string |
#FFFFFF |
Simge rengi - (hex, rgba, rgb) | iOS,Android |
withBorder |
boolean |
false | Simgeye kenar ekleme | iOS,Android |
roundedIconBg |
boolean |
true | Yuvarlatılmış simge arkaplanı | iOS,Android |
borderColor |
string |
- | Simge kenarlık rengi - (hex, rgba, rgb) | iOS,Android |
borderWidth |
number |
- | Simge kenarlık kalınlığı | iOS,Android |
withBackground |
boolean |
true | Simgeye arkaplan rengi ata | iOS,Android |
iconBgColor |
string |
#5E35B1 |
Simgenin arkaplan rengini ayarla - (hex, rgba, rgb) | iOS,Android |
title |
string |
- | CardView başlığı | iOS,Android |
titleTextAlign |
string |
center | CardView başlığı hizalama | iOS,Android |
titleFontWeight |
string |
bold | CardView başlık yazı kalınlığı | iOS,Android |
titleFontSize |
number |
14 | CardView başlık yazı boyutu | iOS,Android |
titlePaddingBottom |
number |
10 | CardView başlık alt boşluk | iOS,Android |
titlePaddingTop |
number |
- | CardView başlık üst iç boşluk | iOS,Android |
titlePaddingLeft |
number |
- | CardView başlık sol iç boşluk | iOS,Android |
titlePaddingRight |
number |
- | CardView başlık sağ iç boşluk | iOS,Android |
contentFontWeight |
string |
300 | CardView içerik metni yazı kalınlığı | iOS,Android |
contentTextAlign |
string |
justify | CardView içerik metni hizalaması | iOS,Android |
contentFontSize |
number |
12 | CardView içerik yazı boyutu | iOS,Android |
contentPaddingLeft |
number |
10 | CardView içerik metni sol iç boşluk | iOS,Android |
contentPaddingRight |
number |
10 | CardView içerik metni sağ iç boşluk | iOS,Android |
contentPaddingBottom |
number |
10 | CardView içerik metni alt iç boşluk | iOS,Android |
contentPaddingTop |
number |
- | CardView içerik metni üst iç boşluk | iOS,Android |
onPress |
func |
- | onPress fonksiyonu (Tıklama durumunda olacaklar içindir.) | iOS,Android |
import { CardViewWithIcon } from 'react-native-simple-card-view'
Basit Örnek
<CardViewWithIcon
androidIcon={ 'md-bonfire' }
iosIcon={ 'ios-bonfire-outline' }
iconBgColor={ '#b13757' }
iconColor={ '#FFFFFF' }
title={ 'LOREM IPSUM' }
content={ 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' }
/>
onPress Örneği
<CardViewWithIcon
androidIcon={ 'md-jet' }
iosIcon={ 'ios-jet-outline' }
iconBgColor={ 'rgba(76,175,80 ,1)' }
onPress={() => console.log("CardViewWithIcon Tıklandı")}
iconColor={ '#FFFFFF' }
title={ 'LOREM IPSUM' }
content={ 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' }
/>