/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 vote117 views1 answer
React native textinput lowercase
Javascript React
0 vote130 views2 answers
React router how to send data
Javascript React
27 votes146 views6 answers
React usestate
Javascript React
0 vote128 views2 answers
Hot reload problem react 17
Javascript React
0 vote116 views1 answer
React native onChangeText resize the background image
Javascript React
0 vote135 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
2 votes178 views1 answer
How to add bootstrap by downloading in react js
Javascript React
1 vote129 views1 answer
React js component parameters
Javascript React
16 votes137 views6 answers
Usestate in react
Javascript React
0 vote150 views1 answer
React-chartjs-2
Javascript React