React-native-ui-kitten: Remove Padding From Card body Component

[sarmadkung]

💬 Question

Hello,
I am using the Card component and want to remove the padding of the card which is(paddingHorizontal:24, paddingVertical:16), But I am unable to do this. I lookup doc but found nothing.
Is there any way to change card Paddings?
Thanks,
Sarmad

UI Kitten and Eva version

| Package | Version |
| ----------- | ----------- |
| @eva-design/eva | 1.4.0 |
| @ui-kitten/components | 4.4.1 |

[DanteVR]

I think this is the answer to your question

https://akveo.github.io/react-native-ui-kitten/docs/design-system/customize-mapping#merge-mappings

[artyorsh]

It was discussed multiple times:

• #1020
• #1011
• #1002

What the @DanteVR suggests is an "official way"

[iamadityaaz]

I have done multiple mapping for font-family and card

{
  "strict": {
    "text-font-family": "Ubuntu-Regular"
  },
  "components": {
    "Card": {
      "appearances": {
        "outline": {
          "mapping": {
            "bodyPaddingHorizontal": -16,
            "bodyPaddingVertical": -16
          }
        }
      }
    }
  }
}