/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 vote115 views1 answer
"react native" component dynamic children props
Javascript React
0 vote128 views1 answer
How to submit form in reactjs and send data in json
Javascript React
0 vote101 views1 answer
Shallow render in react
Javascript React
0 vote111 views1 answer
React import useCallBack
Javascript React
111 votes131 views6 answers
Install bootstrap in react
Javascript React
23 votes112 views4 answers
Click to copy react
Javascript React
41 votes78 views4 answers
On click copy to clipboard react
Javascript React
1 vote110 views1 answer
Have flat list automatically wrap react native
Javascript React
-2 votes114 views1 answer
Multiple image upload react
Javascript React
1 vote118 views1 answer
Get image url in react input file or preview form image
Javascript React