/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 vote284 views2 answers
React native icons in one file
Javascript React
0 vote281 views1 answer
React state as object
Javascript React
26 votes296 views6 answers
React js
Javascript React
4 votes263 views3 answers
Visual studio code create react component shortcut
Javascript React
1 vote264 views1 answer
Forcechange input reactiveform
Javascript React
1 vote247 views1 answer
Bootstrap icons react
Javascript React
-1 vote259 views2 answers
Toggle on button click in react js functional component
Javascript React
3 votes259 views2 answers
React is there a safe area view for android
Javascript React
3 votes312 views2 answers
How to know the current route in react class component
Javascript React
0 vote245 views1 answer
React router history not defined
Javascript React