/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

0 vote175 views1 answer
React native load function each time visit screen
Javascript React
0 vote158 views3 answers
React animation
Javascript React
2 votes157 views3 answers
Linear gradient reactjs
Javascript React
1 vote138 views1 answer
React connect production
Javascript React
0 vote149 views1 answer
React hook form password validation uppercase
Javascript React
3 votes136 views3 answers
Async await class component react
Javascript React
0 vote163 views1 answer
React native camscanner application mobile code
Javascript React
0 vote179 views2 answers
React native: how to know th softkey height
Javascript React
17 votes163 views3 answers
React router url params
Javascript React
0 vote154 views1 answer
React script syntax for deployment
Javascript React