Possible to use flex instead of absolute positioning on the swiper?

Thanks for the great work! Just wondering if it’s possible to use flex layout on the Swiper instead of absolute so it’s easier to config it’s layout?

I have’t dive deep into the src code to learn if position: absolute is critical. If it’s not I’m willing to help 😃

[webraptor]

What would be better would be to change the sizing of the cards relatively to parent or hardcoded via props. Right now sizing is done based on device size.

[webraptor]

Why switch to flex when you can wrap your swiper in a <View> with position: ‘relative’ and then the swiper will be configured based on the parent? With position absolute and zIndex it is really easy to style and animate the cards on top of each other, create a stack effect and so on. With flex you won’t be able to stack them on top of each other and it will complicate everything.

@mschiele not sure if you fixed your problem yet, but if you use flex for the map and a view on the bottom area of the screen, have the view with position: ‘relative’, then the swiper will be positioned absolutely within the view (not the entire screen), therefor, it will not flow on top of your map.

Good read on zIndex https://www.smashingmagazine.com/2009/09/the-z-index-css-property-a-comprehensive-look/ Absolute & relative positioning https://css-tricks.com/absolute-positioning-inside-relative-positioning/

Once you understand the concepts behind the 3, you’ll be able to easily play around without any issues.