import React, { Component } from "react";
import {
 View,
 Text,
 StyleSheet,
 TouchableOpacity,
 TextInput,
 ScrollView,
} from "react-native";
import Header from './comp/Header';
import Footer from './comp/Footer';


class BarangScreen extends Component {
    static navigationOptions = {
        header: null
    };

    render() {
        return (
            <View style={styles.container}>
                <Header judul={"Data Barang"} />
                <View style={styles.BarangContainer}>
                    <Text style={styles.textKode}>Kode : 001</Text>
                    <Text style={styles.textNamaBarang}>Nama : Kopi Nescape</Text>
                </View>
                <View style={styles.BarangContainer}>
                    <Text style={styles.textKode}>Kode : 002</Text>
                    <Text style={styles.textNamaBarang}>Nama : Sabun Mandi</Text>
                </View>
                <View style={styles.BarangContainer}>
                    <Text style={styles.textKode}>KOde : 003</Text>
                    <Text style={styles.textNamaBarang}>Nama : Indomie</Text>
                </View>

            </View>
        );
    }
}
// define your styles
const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#E3F2FD'
    },
    BarangContainer: {
        width: '90%',
        justifyContent: 'center',
        backgroundColor: '#BDBDBD',
        margin: 5,
        marginLeft: 20,
        height: 100
    },
    textKode: {
        fontSize: 18,
        color: 'black',
        marginLeft: 10
    },
    textNamaBarang: {
        fontSize: 20,
        color: 'black',
        fontWeight: 'bold',
        marginLeft: 10

    }

});
//make this component available to the app
export default BarangScreen;