react native flexbox split screen -
i trying split screen using flexbox, not getting result desire, here have
<view style={{flex: 1}}> <view style={{flex: 1}}>{/* half of screen */}</view> <view style={{flex: 1}}>{/* other half */} {/*<swiper>*/} <view style={{flex: 1}}>{/* quarter of other half */}</view> <view style={{flex: 1}}>{/* quarter of other half */}</view> <view style={{flex: 1}}>{/* quarter of other half */}</view> <view style={{flex: 1}}>{/* quarter of other half */}</view> {/*</swiper>*/} </view> </view>
the problem having other half of screen expands take size of full screen, appended first half without taking consideration bounded half exist in
how should approach this?
try giving flexdirection: 'row'
style outermost view.
Comments
Post a Comment