/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

3 votes331 views1 answer
React is front end or backend
Javascript React
0 vote323 views1 answer
Evaluating '_reactNativeImageCropPicker.default.openCamera
Javascript React
1 vote326 views1 answer
Change react native app name
Javascript React
4 votes326 views2 answers
'Switch' is not exported from 'react-router-dom'.
Javascript React
15 votes296 views6 answers
React Form
Javascript React
-2 votes343 views1 answer
React native generate signed apk getting older version
Javascript React
0 vote381 views1 answer
Dropzone react view photo
Javascript React
8 votes311 views1 answer
Update object in react hooks
Javascript React
0 vote314 views1 answer
React native 'UMConstantsInterface/UMConstantsInterface.h' file not found
Javascript React
0 vote327 views1 answer
How to make dynamic title for screen in react native
Javascript React