Search
showing results for - "react native flexbox 2 columns 1 fixed width"
Catalina
01 Jun 2020
1  <View style={{flex: 1, flexDirection: 'row'}}>
2    <View style={{
3      backgroundColor: 'blue',
4      flexGrow: 1,
5    }}>
6      <Text>Fluid</Text>
7    </View>
8    <View style={{
9      backgroundColor: 'red',
10      width: 100,
11    }}>
12      <Text>Fixed</Text>        
13    </View>
14  </View>
source
similar questions
react native height fullmin width react nativecreate react app height issues with flexreact native width autohow to find the width of outerconatiner in react nativewidth 100 25 react nativereact native view two columnsjustifycontent react native flatlisthow to take 100 25 width in react native07 customize width and height props with fixed and flex dimensionsreact native flex box list scrollable verticalmake a fixed list in react nativewidth 100 25 react nativecolumn width table reactget size of a view in react native
queries leading to this page
react native rowreact native make a view have more space then others make items fit container react nativereact native viewcolumn fixedspace between react native doesn 27t work rowreact native fixed size flexboxreact native two columns with equal size tilesreact flex half screenreact native flexbox occupy the entire screenreact native in single lieflexbox react nativeflexbox column 100 width react nativenative flex styleshow to give fixed layout for a text in react nativeflex in react native for 2 columns with width 70 30flex second child full width react nativeflex react native fill rowflex box react nativecustom space between flex items react nativereact native flexbox 2 columns 1 fixed widthreact native flexbox 2 columns 1 fixed width