/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

19 votes206 views6 answers
React native build android apk
Javascript React
1 vote196 views1 answer
React js empty build
Javascript React
65 votes189 views6 answers
Route react
Javascript React
7 votes346 views2 answers
Align text into center of container react native
Javascript React
0 vote197 views1 answer
Remove react native cli mac
Javascript React
0 vote181 views1 answer
React-file-base64
Javascript React
0 vote200 views1 answer
React call component state
Javascript React
21 votes206 views5 answers
How to add a shadow react native
Javascript React
0 vote199 views1 answer
How to use adminlte in reacts
Javascript React
0 vote200 views1 answer
Localhost server in react native
Javascript React