Nativebase: Is there a way to make a card take the whole screen width?
react-native, react and native-base version
"react-native": "0.42.0",
"native-base": "2.1.0",
Expected behaviour
I'd like to make a card take the whole width of my sreen, or any other value I want.
Actual behaviour
Card has default width value, that I don't know how to change
Thanks ;)
hpbl
All 6 comments
@hpbl just override the style of
To take the whole width
<Card style={{marginLeft:0,marginRight:0}}/>
To set a custom width
<Card style={{width:100}}/>
akhil-geekyants
on 17 Nov 2017
I thought I had tried that before, but it didn't work. Guess I was mistaken, since now that I've tried what you said, it works fine. Thank you!
hpbl
on 17 Nov 2017
Do ejectTheme and edit native-base-theme/components/Card.js
change marginHorizontal: 0, then use ejected theme
anhtuank7c
on 15 Mar 2018
what about how to change the card height?
jerryheir
on 20 Apr 2018
@jerryheir Why do you want to change height of card?
Depending upon the components you wrap within Card, the height is set accordingly
SupriyaKalghatgi
on 23 Apr 2018
Okay, that what I wanted to know...
On Apr 23, 2018 07:15, "Supriya Kalghatgi" notifications@github.com wrote:
@jerryheir https://github.com/jerryheir Why do you want to change
height of card?
Depending upon the components you wrap within Card, the height is set
accordingly—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/GeekyAnts/NativeBase/issues/1374#issuecomment-383465972,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AcZ8pwC3o9zCZfqu1tYxZ9ITLvqgh1UOks5trXGZgaJpZM4Qgj8e
.
jerryheir
on 24 Apr 2018
Related issues
chetnadaffodil
·
3Comments
inv2004
·
3Comments
eggybot
·
3Comments
Cotel
·
3Comments
sihemhssine
·
3Comments
Most helpful comment
@hpbl just override the style of
To take the whole width
To set a custom width