/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

2 votes231 views2 answers
Chrome back button click event react
Javascript React
8 votes209 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
0 vote207 views1 answer
Npx code for src folder in react js
Javascript React
1 vote203 views1 answer
Commit in react
Javascript React
0 vote231 views1 answer
React scroll to top on page refresh - don't restore position
Javascript React
0 vote191 views1 answer
Mdn react
Javascript React
7 votes218 views6 answers
Prop types in react
Javascript React
0 vote212 views1 answer
Network display react native
Javascript React
1 vote202 views2 answers
Line break in react
Javascript React
1 vote277 views2 answers
React native time range picker
Javascript React