daily pastebin goal
64%
SHARE
TWEET

Untitled

a guest Mar 22nd, 2019 50 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React from 'react';
  2. import { StyleSheet, Text, View, Image} from 'react-native';
  3.  
  4. export default class DataBarang extends React.Component {
  5.     render() {
  6.         return (
  7.             <View style={styles.containerMain}>
  8.                 <View style={styles.Box0}>
  9.                 </View>
  10.                 <View style={styles.Box1}>
  11.                     <Text style={styles.Text}>Data Barang</Text>
  12.                 </View>
  13.                 <View style={styles.Box2}>
  14.                     <Text style={styles.Text}>Kode 001</Text>
  15.                     <Text style={styles.Text1}>Kopi Nescape</Text>
  16.                 </View>
  17.                 <View style={styles.Box3}>
  18.                     <Text style={styles.Text}>Kode 002</Text>
  19.                     <Text style={styles.Text1}>Sabun Mandi</Text>
  20.                 </View>
  21.                 <View style={styles.Box4}>
  22.                     <Text style={styles.Text}>Kode 003</Text>
  23.                     <Text style={styles.Text1}>Indonie</Text>
  24.                 </View>
  25.             </View>
  26.         );
  27.     }
  28. }
  29.  
  30. const styles = StyleSheet.create({
  31.     containerMain: {
  32.         flex: 1,
  33.         backgroundColor: '#aed4f4',
  34.         flexDirection: 'column'
  35.     },
  36.     Box0: {
  37.         flex: 0.1,
  38.         backgroundColor: '#0c338d'
  39.     },
  40.     Box1: {
  41.         flex: 1,
  42.         backgroundColor: '#D48166',
  43.         justifyContent: 'space-around',
  44.         alignItems: 'center'
  45.     },
  46.     Box2: {
  47.         flex: 1,
  48.         backgroundColor: '#2372dd',
  49.         margin: 10,
  50.         justifyContent:'center'
  51.     },
  52.     Box3: {
  53.         flex: 1,
  54.         backgroundColor: '#0F2557',
  55.         margin: 10,
  56.         justifyContent:'center'
  57.     },
  58.     Box4: {
  59.         flex: 1,
  60.         backgroundColor: '#373A36',
  61.         margin: 10,
  62.         justifyContent:'center'
  63.     },
  64.     Text: {
  65.         color: 'white',
  66.         fontSize: 20
  67.     },
  68.     Text1: {
  69.         color: 'black',
  70.         fontSize: 20
  71.     },
  72. });
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