/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 vote127 views1 answer
FAILURE: Build failed with an exception react native android
Javascript React
1 vote125 views5 answers
Push notification react native
Javascript React
2 votes84 views1 answer
Rn touchableopacity
Javascript React
0 vote123 views1 answer
Moment all formats in reactjs
Javascript React
0 vote130 views1 answer
How to call api on load using hooks in react
Javascript React
23 votes143 views5 answers
USE ICONS IN REACT
Javascript React
113 votes157 views6 answers
React app
Javascript React
18 votes137 views4 answers
React get route params
Javascript React
23 votes140 views4 answers
Change port react app
Javascript React
1 vote162 views1 answer
React eslint prettier
Javascript React