Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

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>
Comment

PREVIOUS NEXT
Code Example
Javascript :: how to set a timeout on an array element 
Javascript :: react toggle state 
Javascript :: every break js 
Javascript :: label in lwc 
Javascript :: storage package npm react 
Javascript :: named regex group JS 
Javascript :: math.max js 
Javascript :: async arrow function js 
Javascript :: google analyics send event 
Javascript :: what is callback in js 
Javascript :: mongoose updateone example 
Javascript :: Square Every Digit 
Javascript :: jquery ui timepicker 
Javascript :: javascript map 
Javascript :: nodejs http get request to external server 
Javascript :: pm2 logs on same console 
Javascript :: var x = 
Javascript :: data types in javascript 
Javascript :: react js typescript doc data is possibly undefined 
Javascript :: moment format yyyy-mm-dd 
Javascript :: make object readonly javascript 
Javascript :: try...catch...throw javascript 
Javascript :: is vowel javascript 
Javascript :: how to add lang attribute in next js 
Javascript :: vuex getters 
Javascript :: javascript selector second element nth child element 
Javascript :: send post request 
Javascript :: local vs global variables 
Javascript :: nan javascript 
Javascript :: use inline and other styles react native 
ADD CONTENT
Topic
Content
Source link
Name
4+6 =