/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

18 votes318 views6 answers
How to import svg in react
Javascript React
0 vote338 views1 answer
Fetch is not defined jest react
Javascript React
0 vote382 views1 answer
Htaccess to deploy react app to cpanel
Javascript React
1 vote389 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
0 vote551 views1 answer
How to place text over image in react
Javascript React
0 vote369 views2 answers
Counter with react hooks
Javascript React
0 vote391 views1 answer
How to run electron and react using concurrently
Javascript React
1 vote398 views3 answers
Npm update react
Javascript React
0 vote375 views1 answer
Add active class to button onclick react
Javascript React
4 votes351 views1 answer
How to empty form after submit in react
Javascript React