/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 vote138 views1 answer
React download file from express res.download
Javascript React
0 vote151 views1 answer
Retour à la ligne react native
Javascript React
0 vote162 views1 answer
React native make safe view in mobile
Javascript React
4 votes154 views2 answers
How to use react-native-vector-icons
Javascript React
0 vote146 views1 answer
Find 401 error and logout axios in react
Javascript React
2 votes157 views1 answer
React add gradient top to bottom
Javascript React
0 vote158 views1 answer
React style css image
Javascript React
0 vote155 views1 answer
Error code ELIFECYCLE REACTJs
Javascript React
0 vote144 views1 answer
Jest mock react router params
Javascript React
0 vote140 views1 answer
Android studio react native plugins
Javascript React