/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 vote129 views6 answers
State functions of react cheatsheet
Javascript React
0 vote126 views1 answer
Search for country name from api with react
Javascript React
0 vote119 views1 answer
Remarkable react js
Javascript React
0 vote115 views1 answer
Error React Hook "useStaticQuery" is called in function
Javascript React
1 vote122 views1 answer
Percentage width react native
Javascript React
1 vote133 views1 answer
Dynamic forms in react
Javascript React
0 vote120 views1 answer
React-navigation headerbackbutton not export member of navigation
Javascript React
2 votes131 views1 answer
Best react native ui library
Javascript React
1 vote150 views2 answers
Deploy create react app pm2
Javascript React
0 vote156 views1 answer
React bootstrap profile card
Javascript React