ysimard
/
application-amicale
forked from vergnet/application-amicale


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
							// @flow

import * as React from "react";
import {Body, Header, Icon, Left, Right, Title} from "native-base";
import {StyleSheet} from "react-native";
import {getStatusBarHeight} from "react-native-status-bar-height";
import Touchable from 'react-native-platform-touchable';

type Props = {
    backButton: boolean,
    rightMenu: React.Node,
    title: string,
    navigation: Object,
};


export default class CustomHeader extends React.Component<Props> {

    static defaultProps = {
        backButton: false,
        rightMenu: <Right/>,
        fontSize: 26,
        width: 30,
    };

    render() {
        let button;
        if (this.props.backButton)
            button =
                <Touchable
                    style={{padding: 6}}
                    onPress={() => this.props.navigation.goBack()}>
                    <Icon
                        style={{color: "#fff"}}
                        name="arrow-left"
                        type={'MaterialCommunityIcons'}/>
                </Touchable>;
        else
            button =
                <Touchable
                    style={{padding: 6}}
                    onPress={() => this.props.navigation.toggleDrawer()}>
                    <Icon
                        style={{color: "#fff"}}
                        name="menu"
                        type={'MaterialCommunityIcons'}/>
                </Touchable>;

        return (
            <Header style={styles.header}>
                <Left>
                    {button}
                </Left>
                <Body>
                    <Title>{this.props.title}</Title>
                </Body>
                {this.props.rightMenu}
            </Header>);
    }
};


// Fix header in status bar on Android
const styles = StyleSheet.create({
    header: {
        paddingTop: getStatusBarHeight(),
        height: 54 + getStatusBarHeight(),
    },
});