/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

15 votes286 views3 answers
Create react app and tailwind
Javascript React
0 vote224 views1 answer
Autofocus is not working in react native
Javascript React
0 vote273 views1 answer
Reactjs typeError: Cannot read property 'offsetHeight' of null
Javascript React
0 vote246 views1 answer
Fullcalendar edit event modal react
Javascript React
17 votes263 views3 answers
React router url params
Javascript React
2 votes237 views2 answers
Horizontal divider react native
Javascript React
0 vote244 views1 answer
React native stylesheet shortcut
Javascript React
1 vote275 views1 answer
How to check if bottom tab is active in react native material bottom tab
Javascript React
0 vote251 views1 answer
Plotly react
Javascript React
0 vote236 views1 answer
Heroku buildpacks with react
Javascript React