/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 vote205 views1 answer
Automatic Slideshow in react js
Javascript React
0 vote213 views1 answer
Import a component react js
Javascript React
2 votes231 views1 answer
React allow only numbers in input
Javascript React
0 vote165 views2 answers
A function whose declared type is neither 'void' nor 'any' must return a value.
Javascript React
1 vote249 views1 answer
Add sass autoprefixer to react
Javascript React
0 vote205 views1 answer
Horizontal scrollview in react js
Javascript React
0 vote175 views1 answer
React native rebuild
Javascript React
4 votes220 views2 answers
Change the route on button click react
Javascript React
0 vote216 views1 answer
Create-react-app height issues with flex
Javascript React
0 vote326 views1 answer
Reactjs cant find serviceWorker.js file in app src folder
Javascript React