Nativebase: How to control `Card` padding ?

[theapache64]

How to control the space between CardItem and Card ? The docs doesn't have any information about
controlling the Card padding. ?

[SupriyaKalghatgi]

listItemPadding from theme does that
This variable is used commonly between List and Card

[SupriyaKalghatgi]

https://github.com/GeekyAnts/NativeBase/commit/470494ca720e553095022b149e49f245cd323654

[theapache64]

Ok. thank you for the commit.

I could also fix the issue with this
<CardItem style={{ paddingLeft: 0, paddingRight: 0, paddingTop: 10, paddingBottom: 10 }} >

Result

[SupriyaKalghatgi]

@theapache64 Your query was

The docs doesn't have any information about controlling the Card padding

Which means you expected some theme variable doing this
If you wanted to do this inline, then no point in questioning docs

[SupriyaKalghatgi]

You can always choose between inline style and theme variable (provided consistency) for this

[theapache64]

The docs doesn't have any information about controlling the Card padding

How could you assume that i was expecting theme variables ? Is docs means theme variable to you ?

[SupriyaKalghatgi]

yes ofcourse
Else how can we list down the possibility of combination of inline styles for all the components

[theapache64]

To make all padding to zero, I gave padding:0 to CardItem, It didn't work. but this

 paddingLeft: 0,
 paddingRight: 0,
 paddingTop: 0,
 paddingBottom: 0

worked.

Do you know why ?

[SupriyaKalghatgi]

Fixed with 2.6.1

[marcomempin]

Hi. I'm still facing this issue for the <CardItem>.

Even paddingHorizontal and paddingVertical does not work

@theapache64's workaround works though.

Nativebase version: 2.0

[idhowardgj94]

To make all padding to zero, I gave padding:0 to CardItem, It didn't work. but this

 paddingLeft: 0,
 paddingRight: 0,
 paddingTop: 0,
 paddingBottom: 0

worked.

Do you know why ?

I wonder to know why, too