/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

2 votes186 views1 answer
All react navigation packages
Javascript React
0 vote194 views1 answer
React chart js 2 api data
Javascript React
6 votes146 views2 answers
React native socket io
Javascript React
1 vote173 views1 answer
React jsx style with calc
Javascript React
142 votes796 views5 answers
Install react
Javascript React
5 votes190 views4 answers
Export default react
Javascript React
3 votes178 views2 answers
React is there a safe area view for android
Javascript React
0 vote238 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
1 vote130 views1 answer
Circle progress react
Javascript React
0 vote173 views2 answers
Capitalize each word from string in react
Javascript React