import React from 'react';
import { StyleSheet, Text, View, Image } from 'react-native';

export default class About extends React.Component {
    render() {
        return (
        <View style={styles.container}>
            <View style={styles.vHeader}>
                <Text style={styles.txtHeader}>Tentang Kami</Text>
            </View>
            <View style={styles.vMenu}>
                <View style={styles.foto}>
                <Image style ={styles.gambar} source={require("./AL.png")}/>
                </View>
                <View style={styles.about}>
                    <Text style={styles.txtData1}> Data Diri </Text>
                    <Text style={styles.txtData}>Nama : </Text>
                    <Text>Putu Pande Astawa Alexander</Text>
                    <Text style={styles.txtData}>Nim : </Text>
                    <Text>1715051064</Text>
                    <Text style={styles.txtData}>Skill : </Text>
                    <Text>Game</Text>
                </View>
            </View>
        </View>
        );
    }
}
const styles = StyleSheet.create({
    container: {
        flex: 1,
    },
    vHeader: {
        flex:0.2,
        backgroundColor:'#194B95',
        alignItems:'center',
        justifyContent:'center'
    },
    vMenu:{
        flex:1,
        flexDirection:'row',
    },
    foto:{
        margin:10,
        height:200,
        flex:1,
        flexDirection:'column',
        backgroundColor:'blue'
    },
    about:{
        margin:10,
        height:200,
        flex:1,
        flexDirection:'column',
        backgroundColor:'#E3F2FD'
    },
    txtData1:{
        marginLeft:50
    },
    txtData:{
        marginTop:10
    },
    txtHeader: {
        fontSize:20,
        color : 'white'
    },
});