I'd like to center the items vertically in horizontal carousel.
I tried giving
contentContainerCustomStyle={{flex:1, alignItems: 'center', flexDirection: 'row' }}
to Carousel component as a prop but it doesn't seem to work as I hope.
How to vertically center items in horizontal carousel?
Currently my items(images) are aligned at the top of the screen
question
(Check the step you've followed - replace the space character between the square brackets ([]) by an x.)
@littlehome-eugene Can you please provide a Snack example in which the issue can be reproduced?
Closing as no further feedback has been provided.
@littlehome-eugene I encountered the same issue and I fixed it by settting:
<Carousel ... contentContainerCustomStyle={{ alignItems: 'center' }} />
the outer container (depends on your applicatin) I also set it to flex: 1, alignItems: 'center'
Most helpful comment
@littlehome-eugene I encountered the same issue and I fixed it by settting:
<Carousel ... contentContainerCustomStyle={{ alignItems: 'center' }}/>the outer container (depends on your applicatin) I also set it to
flex: 1, alignItems: 'center'