/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

4 votes409 views4 answers
Responsive font size react native
Javascript React
0 vote388 views1 answer
Bottom shadow in react native
Javascript React
0 vote386 views1 answer
Return multiple native element react native
Javascript React
2 votes390 views2 answers
React native open gmail app
Javascript React
0 vote376 views3 answers
Difference between React.functioncomponent and React.component
Javascript React
0 vote404 views1 answer
Redirect to another path react
Javascript React
0 vote373 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
0 vote379 views1 answer
React children map
Javascript React
0 vote374 views1 answer
React native hide stack navigator title
Javascript React
0 vote387 views1 answer
Write button hover in react
Javascript React