/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

31 votes106 views1 answer
React router dom IndexRedirect
Javascript React
0 vote98 views2 answers
React native modal dismiss keyboard
Javascript React
3 votes131 views1 answer
React create array
Javascript React
2 votes128 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React
1 vote92 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript React
1 vote96 views1 answer
React connect production
Javascript React
0 vote92 views1 answer
Javascript slider get value react
Javascript React
3 votes105 views1 answer
React router dynamic routes
Javascript React
0 vote156 views1 answer
Flipper semantic issue react native
Javascript React
0 vote106 views1 answer
React navigation history clear
Javascript React