header.js

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

const Header = ({title}) => {
  return (
    <View style={styles.header}>
      <Text style={styles.text}>{title}</Text>
    </View>
  );
};

Header.defaultProps = {
  title: 'AppBar',
};

const styles = StyleSheet.create({
  header: {
    height: 90,
    padding: 45,
    backgroundColor: 'darkslateblue',
    paddingBottom: 0,
  },
  text: {
    color: 'white',
    fontSize: 25,
    textAlign: 'center',
  },
});

export default Header;