App.tsx using Header

App.tsx

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import Header from './components/header/header';

export default class App extends React.Component {
  render() {
    const { container, header, content } = styles;
    return (
      <View style={container}>
        <View style={header}>
          <Header title="Awesomest App Ever!!!"  />
        </View>
        <View style={content}>
          <Text>Open up App.js to start working on your app!</Text>
          <Text>Changes you make will automatically reload.</Text>
          <Text>Shake your phone to open the developer menu.</Text>
        </View>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#eee',
    justifyContent: 'center'
  },
  header: {
    flex: 1
  },
  content: {
    flex: 6,
    alignItems: 'center',
    justifyContent: 'center'
  }
});