Dynamic height? Documentation claims <Swiper> adheres to `flex: 1` however...

Why doesn't it act as a component with the flex property of flex: 1 that has been set? It does not play well with other components at all.

For example, here's a simple screen that's completely blue, all besides the bottom 200 points which is white.

<View style={{flex: 1}}>
  <View style={{flex: 1, backgroundColor: 'blue'}} />
 <View style={{height: 200}} />
</View>

Doing the same thing with the Swiper component yields completely different results.

<View style={{flex: 1}}>
  <Swiper> { /* flex:1 by default according to docs */ }
    <View style={{flex: 1, backgroundColor: 'blue'}} />
  </Swiper>
  <View style={{height: 200}} />
</View>

Now the entire screen is covered in blue, with the 200pts being pushed off the screen,

So how do we really make a Swiper with dynamic height?

Start by reproducing the two layout examples in the issue and inspect the Swiper component's default sizing behavior and documentation for its flex setting. Done means a Swiper can use dynamic height while preserving the sibling View with height: 200, with the documented behavior matching the result.