/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

1 vote183 views1 answer
How to store array into react-native local storage
Javascript React
0 vote173 views1 answer
React interactions
Javascript React
0 vote178 views1 answer
Code in nested forEach loop- react native
Javascript React
2 votes153 views1 answer
React setupproxy
Javascript React
0 vote159 views1 answer
React download file from express res.download
Javascript React
0 vote165 views1 answer
Make 2div in row react js
Javascript React
0 vote179 views1 answer
Reactjs events list
Javascript React
0 vote158 views1 answer
React native sectionlist filter
Javascript React
0 vote1.9K views1 answer
How get value of datePicker in react
Javascript React
0 vote162 views1 answer
React native navigation remove top header screen
Javascript React