/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 vote379 views1 answer
Import batch from 'react-redux'
Javascript React
12 votes371 views3 answers
Font weight react native
Javascript React
0 vote357 views1 answer
Highcharts react hide data point dots
Javascript React
2 votes336 views1 answer
Get current screen name react navigation
Javascript React
1 vote340 views2 answers
How to not use relative imports in react js
Javascript React
0 vote355 views1 answer
React native mock
Javascript React
0 vote363 views1 answer
React useEffect() the side-effect runs after every rendering
Javascript React
1 vote382 views1 answer
Java.lang.outofmemoryerror (no error message) react native
Javascript React
1 vote321 views1 answer
Typeerror object(...) is not a function react useParams
Javascript React
1 vote418 views1 answer
How to add two elements in one path in react router v6
Javascript React