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

screenshot

how should approach this?

try giving flexdirection: 'row' style outermost view.


Comments

Popular posts from this blog

php - Passing multiple values in a url using checkbox -

java - nested exception is org.hibernate.exception.SQLGrammarException: could not extract ResultSet Hibernate+SpringMVC -

sql - Postgresql tables exists, but getting "relation does not exist" when querying -