/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 vote371 views1 answer
.env not working on react
Javascript React
0 vote367 views1 answer
React-loader-spinner
Javascript React
0 vote375 views3 answers
React-native restart app
Javascript React
0 vote392 views1 answer
React native firebase
Javascript React
0 vote340 views1 answer
Rendering an array in react
Javascript React
1 vote392 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
0 vote359 views1 answer
React 1 to 10 with step 2 (odd numbers)
Javascript React
0 vote369 views1 answer
Test one function in react class
Javascript React
5 votes338 views2 answers
React native components
Javascript React
116 votes380 views6 answers
Bootstrap react
Javascript React