/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 vote123 views1 answer
Testing library react hooks
Javascript React
2 votes120 views2 answers
Create stack navigator has been moved to react-navigation-stack
Javascript React
3 votes127 views3 answers
How to update react app
Javascript React
0 vote129 views1 answer
React array if id is present do not add element
Javascript React
0 vote123 views1 answer
React computed example
Javascript React
85 votes135 views6 answers
Redirect react js
Javascript React
-1 vote129 views1 answer
How to remove react icon from tab
Javascript React
0 vote112 views1 answer
React native pure component vs component
Javascript React
1 vote123 views2 answers
Send an email react native
Javascript React
2 votes112 views1 answer
React native open email client expo
Javascript React