/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

1 vote305 views2 answers
Shadow on view in react natice
Javascript React
4 votes271 views2 answers
React helmet
Javascript React
2 votes322 views1 answer
How to clear state in react hooks
Javascript React
2 votes291 views2 answers
React native position absolute center
Javascript React
1 vote312 views3 answers
Stripe react js
Javascript React
0 vote320 views1 answer
Reactjs typeError: Cannot read property 'offsetHeight' of null
Javascript React
0 vote295 views1 answer
Counter composant react
Javascript React
23 votes306 views6 answers
React native shadow
Javascript React
1 vote290 views1 answer
React place div at center of page
Javascript React
0 vote292 views1 answer
React link onclick refresh page
Javascript React