/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 vote263 views1 answer
Onpress not working with usestate react native
Javascript React
0 vote253 views1 answer
React native zindex issue on android
Javascript React
0 vote276 views1 answer
How To Set Opacity of a View In React Native
Javascript React
1 vote200 views1 answer
How to install formik in react native
Javascript React
0 vote264 views1 answer
React native use route undefined
Javascript React
10 votes267 views1 answer
Dimensions react native
Javascript React
0 vote256 views1 answer
React native length of object
Javascript React
-1 vote242 views1 answer
Use inline and other styles react native
Javascript React
5 votes220 views3 answers
React routes multiple compoenents
Javascript React
0 vote237 views1 answer
React native map not loading
Javascript React