daily pastebin goal
31%
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, { Component } from "react";
  2. import {
  3.     View,
  4.     Text,
  5.     StyleSheet,
  6.     Image,
  7.     TouchableHighlight,
  8.     TextInput,
  9.     Platform,
  10. } from "react-native";
  11. import Header from "./Header";
  12. const gambar = require("./img/fany.png");
  13. class About extends Componentcmd {
  14.     static navigationOptions = {
  15.         header: null
  16.     }
  17.     render() {
  18.         return (
  19.             <View style={styles.container}>
  20.                 <Header judul={"Tentang Kami"} />
  21.                 <View style={styles.box1}>
  22.                     <View style={styles.imageContainer}>
  23.                         <Image source={gambar} style={styles.image} />
  24.                     </View>
  25.                     <View style={styles.box2}>
  26.                         <Text style={styles.styleText}>Nama: Desy Aulia Alfany</Text>
  27.                         <Text style={styles.styleText}>NIM: 1715051080</Text>
  28.                         <Text style={styles.styleText}>Skills: Make Up</Text>
  29.                     </View>
  30.                 </View>
  31.             </View>
  32.  
  33.         );
  34.     }
  35. }
  36. // define your styles
  37. const styles = StyleSheet.create({
  38.     container: {
  39.         flex: 1,
  40.         margin: 10,
  41.         flexDirection: "column",
  42.         alignItems: "center"
  43.     },
  44.     imageContainer: {
  45.         justifyContent: 'center',
  46.         alignItems: 'center',
  47.         width: 150,
  48.         height: 150,
  49.         position: "relative",
  50.         borderRadius: 7,
  51.     },
  52.     image: {
  53.         height: 150,
  54.         width: 150,
  55.         borderRadius: 7
  56.     },
  57.     box1: {
  58.         flex: 1,
  59.         paddingTop: 20,
  60.         marginTop: 10,
  61.         marginLeft: 2,
  62.         flexDirection: "row"
  63.     },
  64.     box2: {
  65.         flex: 1,
  66.         marginLeft: 10,
  67.         marginRight: 10,
  68.         flexDirection: "column",
  69.     },
  70.     styleText:{
  71.         marginTop: 10,
  72.         borderWidth: 1,
  73.         padding: 5
  74.     }
  75. });
  76. export default About;
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