/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 vote211 views2 answers
Jest simulate toggle switch react native
Javascript React
1 vote205 views1 answer
React component key prop
Javascript React
1 vote209 views1 answer
React native modal not full screen
Javascript React
0 vote214 views1 answer
React looping hooks to display in other hook
Javascript React
0 vote223 views1 answer
How to insalk react router with npm
Javascript React
1 vote212 views1 answer
Conditional style react native
Javascript React
0 vote217 views1 answer
Altenrive for react native
Javascript React
0 vote198 views1 answer
Route with parameter react not working not found
Javascript React
2 votes208 views2 answers
React material ui media queries
Javascript React
0 vote213 views1 answer
Handle an input with React hooks
Javascript React