/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

2 votes142 views1 answer
React concatenate string and component
Javascript React
59 votes146 views3 answers
Npm react router dom
Javascript React
0 vote161 views1 answer
Error React Hook "useStaticQuery" is called in function
Javascript React
17 votes152 views3 answers
React router url params
Javascript React
8 votes135 views2 answers
Useref in react typescrpt
Javascript React
4 votes155 views1 answer
React useeffect not on first render
Javascript React
0 vote374 views1 answer
React native multiline cursor on first line
Javascript React
0 vote132 views1 answer
React native notify user for new version of app
Javascript React
0 vote142 views1 answer
Exit ios inspector in react native
Javascript React
0 vote196 views1 answer
Tailwind css toggle switch react
Javascript React