Reduce spacing between cards

[taimoormk]

I would like to know how to reduce spacing between cards as shown in the screenshot attached

[taimoormk]

Also I don't understand why I am getting different spacings on my iOS and Android version when the source is exactly the same, please see attached screenshots.

[taimoormk]

And the Android screen is as follows;

[Supriya_Kalghatgi]

@taimoormk I tried this example from docs

Worked as expected in iOS and Android

Let me know your package.json and also if you have modified snippet from docs and used

[taimoormk]

Thank you for the response.

The package.JSON file looks like following;

{
"name": "VanForYou",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"native-base": "^2.2.0",
"react": "16.0.0-alpha.12",
"react-native": "0.45.1",
"react-native-communications": "^2.2.1",
"react-native-easy-grid": "^0.1.13",
"react-native-fit-image": "^1.4.9",
"react-native-looped-carousel": "^0.1.7",
"react-native-maps": "^0.15.3",
"react-native-responsive-image": "^2.1.0",
"react-native-router-flux": "^3.38.0",
"tcomb-form-native": "^0.6.9"
},
"devDependencies": {
"babel-jest": "20.0.3",
"babel-preset-react-native": "2.0.0",
"jest": "20.0.4",
"react-test-renderer": "16.0.0-alpha.12"
},
"jest": {
"preset": "react-native"
}
}

[taimoormk]

And following the snippet I am using to create all the cards involved in my project;

[taimoormk]

OK It seems like I have gone to the bottom of this pesky issue I am having.

On my Services tab, there are 5 cards stacked in the main Services tab as follows;

<Card1/>
<Card2/>
<Card3/>
<Card4/>
<Card5/>

The screenshot shown above is the result of the style of coding for this project.

However, I changed the coding style a little and the results are now coming as to the docs and my expectations as well, what I did now rather creating various card components in separate files and then importing into main Services tab, I did all the card components coding in the same Services tab, now the spacing between all tabs are rending out fine.

Do you know any possible reasons why spacing between items are messing up when we create components in various files and then import into the main one?

Looking forward to hear from you on this.

Regards

[taimoormk]

Hello any luck in solving this pesky issue of extended spacing between <Card>

[Amir_Farahani]

y luck in solving this pesky issue of extended spacing

i have same issue can you solve it?