SHARE
TWEET

ikea dot com

tamsenmckerley Apr 24th, 2019 (edited) 80 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. 5.1.9
  2.  
  3.  
  4. import React, { Component } from 'react';
  5. import { AppRegistry, Text, View, StyleSheet } from 'react-native';
  6. import { Constants } from 'expo';
  7.  
  8. export default class App extends Component {
  9.     render() {
  10.         return (
  11.             <View style={styles.container}>
  12.  
  13.             <View style={styles.top}>
  14.                 <View style={styles.blue1}>
  15.                 </View>
  16.                 <View style={styles.yellow1}>
  17.                 </View>    
  18.                 <View style={styles.blue2}>
  19.                 </View>
  20.             </View>
  21.            
  22.             <View style={styles.middle}>
  23.                 <View style={styles.yellow2}>
  24.                 </View>
  25.             </View>
  26.            
  27.             <View style={styles.bottom}>
  28.                 <View style={styles.blue1}>
  29.                 </View>
  30.                 <View style={styles.yellow1}>
  31.                 </View>    
  32.                 <View style={styles.blue2}>
  33.                 </View>  
  34.             </View>
  35.                
  36.                
  37.             </View>
  38.         );
  39.     }
  40. }
  41.  
  42. const styles = StyleSheet.create({
  43.     container: {
  44.         flex: 1,
  45.     },
  46.     top: {
  47.         flex: 5,
  48.         flexDirection: 'row',
  49.     },
  50.     middle: {
  51.         flex: 1,
  52.         flexDirection: 'row',
  53.     },
  54.     bottom: {
  55.         flex: 5,
  56.         flexDirection: 'row',
  57.     },
  58.     blue1: {
  59.         flex: 4,
  60.         backgroundColor: '#006AA7',
  61.     },
  62.     blue2: {
  63.         flex: 7,
  64.         backgroundColor: '#006AA7',
  65.     },
  66.     yellow1: {
  67.         flex: 2,
  68.         backgroundColor: '#FECC00',
  69.     },
  70.     yellow2: {
  71.         flex: 1,
  72.         backgroundColor: '#FECC00',
  73.     }
  74.    
  75. });
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top