/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 vote127 views1 answer
React-redux todo list
Javascript React
4 votes121 views2 answers
How to take 100% width in react native
Javascript React
0 vote143 views1 answer
Onclick on fragment react
Javascript React
2 votes125 views1 answer
Adding font awesome to npm or react
Javascript React
1 vote141 views1 answer
@react-google-maps/api npm
Javascript React
0 vote128 views1 answer
Npm react-dom
Javascript React
15 votes131 views3 answers
React native expo navigation
Javascript React
1 vote129 views1 answer
Strings compare react
Javascript React
0 vote146 views1 answer
React make setstate synchronous
Javascript React
2 votes127 views2 answers
React detect screen size
Javascript React