/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 vote211 views2 answers
Can we use .env in react native?
Javascript React
0 vote229 views1 answer
React notification
Javascript React
1 vote227 views1 answer
How hooks handle dependency in react
Javascript React
0 vote301 views1 answer
Install react loading spinner
Javascript React
0 vote257 views1 answer
React native text area align top
Javascript React
3 votes227 views1 answer
React arrays
Javascript React
160 votes365 views6 answers
React install
Javascript React
0 vote219 views2 answers
Login with facebook expo react native
Javascript React
-1 vote228 views7 answers
How to trim dates in react
Javascript React
15 votes224 views2 answers
Link reload page react
Javascript React