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

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 -

asp.net mvc - breakpoint on javascript in CSHTML? -