/Javascript/React/React native flexbox 2 columns 1 fixed width

React native flexbox 2 columns 1 fixed width

  <View style={{flex: 1, flexDirection: 'row'}}>
    <View style={{
      backgroundColor: 'blue',
      flexGrow: 1,
    }}>
      <Text>Fluid</Text>
    </View>
    <View style={{
      backgroundColor: 'red',
      width: 100,
    }}>
      <Text>Fixed</Text>        
    </View>
  </View>

Source: stackoverflow.com

Similar codes

69 votes357 views6 answers
React icon
Javascript React
2 votes316 views1 answer
Get current screen name react navigation
Javascript React
1 vote344 views1 answer
How to find the width of outerconatiner in react native
Javascript React
0 vote362 views1 answer
React native notify user for new version of app
Javascript React
0 vote333 views1 answer
React Update a label when rate moves
Javascript React
1 vote298 views1 answer
Strings compare react
Javascript React
9 votes337 views2 answers
Axios react js
Javascript React
-1 vote327 views1 answer
Spotify player react
Javascript React
1 vote322 views1 answer
Reactjs javascript is mobile and desktop
Javascript React
1 vote315 views1 answer
React native detect swipe
Javascript React