/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

42 votes192 views3 answers
React onchange multiple functions
Javascript React
0 vote185 views1 answer
How can we update time in react js
Javascript React
0 vote201 views1 answer
Get started with datagrid in react js
Javascript React
23 votes178 views6 answers
Map react
Javascript React
1 vote247 views1 answer
How to resize react icons
Javascript React
10 votes199 views3 answers
Query string in react js
Javascript React
1 vote183 views1 answer
Responsive calc height react native
Javascript React
1 vote214 views1 answer
Set Custom User Agent react
Javascript React
1 vote198 views1 answer
React native flatlist pull to refresh
Javascript React
0 vote236 views1 answer
React bootstrap profile card
Javascript React