/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

3 votes384 views1 answer
React pass props to children
Javascript React
0 vote385 views1 answer
React router not working with aws amplify
Javascript React
0 vote366 views2 answers
Change iphone return in keyboard to search in react native
Javascript React
1 vote407 views5 answers
Enzyme adapter react 17
Javascript React
1 vote399 views2 answers
How to place text input cursor to start in react native
Javascript React
-1 vote383 views1 answer
React check if browser is in dark mode
Javascript React
0 vote387 views1 answer
Google-maps-react give undefined lat long
Javascript React
1 vote402 views2 answers
React how to sleep 1 second
Javascript React
0 vote365 views1 answer
Nested arrays reactjs tables
Javascript React
0 vote396 views1 answer
Moment all formats in reactjs
Javascript React