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

export default class NewsDetail extends React.Component {

    render() {
        return (
            <View style={styles.container}>
                <View style={styles.header}>
                    <Text style={{ textAlign: 'center', margin: 20, fontSize: 25, alignSelf: 'center' }}>News Detail</Text>
                </View>
                <View style={styles.body}>
                    <View style={styles.images}>

                    </View>
                    <View style={styles.content}>
                        <Text style={{ margin: 10, fontSize: 20 }}>Judul : </Text>
                        <Text style={{ margin: 10, fontSize: 20 }}>Keterangan :</Text>
                    </View>
                </View>
            </View>
        )
    }
}


const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: 'white',
    },
    header: {

        flex: 0.5,
    },
    images: {
        margin: 10,
        flex: 2,
        backgroundColor: 'green'
    },
    content: {
        flex: 2,
    },
    body: {
        flex: 3,
    },
})

