/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 vote206 views1 answer
Reactjs typeError: Cannot read property 'offsetHeight' of null
Javascript React
4 votes190 views1 answer
Import img react in another file
Javascript React
4 votes212 views1 answer
React native scrollview horizontal
Javascript React
0 vote170 views2 answers
Undo npm run eject react
Javascript React
16 votes166 views6 answers
Usestate in react
Javascript React
1 vote183 views1 answer
React render html variable
Javascript React
0 vote192 views1 answer
Use font awesome in react native
Javascript React
0 vote160 views1 answer
To do list app react code
Javascript React
0 vote254 views1 answer
Show uploaded image in react/nextjs
Javascript React
0 vote191 views1 answer
React Readonly rating
Javascript React