/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 votes188 views1 answer
React tooltip data-tip
Javascript React
5 votes241 views1 answer
Deploy react js heroku
Javascript React
0 vote218 views1 answer
React Hook useEffect has a missing dependency: Either include it or remove the dependency array. If changes too often, find the parent component that defines it and wrap that definition in useCallback. (react-hooks/exhaustive-deps) eslint
Javascript React
0 vote203 views1 answer
Burger menu bulma React
Javascript React
0 vote251 views1 answer
React native float upto 2 digits
Javascript React
0 vote242 views1 answer
Node closes once you open app react-native
Javascript React
0 vote204 views1 answer
React currency format
Javascript React
0 vote212 views1 answer
Android studio react native plugins
Javascript React
2 votes214 views2 answers
React native image swiper
Javascript React
0 vote220 views1 answer
Make input fixed position reactjs
Javascript React