/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 vote206 views1 answer
React router not working with aws amplify
Javascript React
0 vote209 views1 answer
How to make the width of a react native element adjust according to the contents
Javascript React
-1 vote138 views1 answer
React index.js BrowserRouter
Javascript React
1 vote227 views2 answers
React native open link in browser
Javascript React
9 votes182 views2 answers
Reactjs radio button onchange
Javascript React
0 vote199 views1 answer
Display only initials from full name reactjs
Javascript React
0 vote276 views1 answer
How to align placeholder in react native
Javascript React
0 vote186 views1 answer
How to use saved image on react
Javascript React
61 votes189 views6 answers
Reactjs router
Javascript React
4 votes194 views3 answers
Reactjs date format dd/mm/yyyy
Javascript React