Geen omschrijving

header.js 1003B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. import React from 'react';
  2. import {StyleSheet, Text, View, Image} from 'react-native';
  3. import { DrawerActions } from 'react-navigation';
  4. import {MaterialIcons} from '@expo/vector-icons';
  5. export default function Header({navigation}) {
  6. const openMenu = () => {
  7. navigation.openDrawer()
  8. }
  9. return (
  10. <View style={styles.header}>
  11. <View>
  12. <Image
  13. style={styles.tinyLogo}
  14. source={require('../assets/logo.png')} />
  15. </View>
  16. </View>
  17. );
  18. }
  19. const styles = StyleSheet.create({
  20. header: {
  21. width: '100%',
  22. height: '100%',
  23. flexDirection: 'row',
  24. alignItems: 'center',
  25. justifyContent: 'center',
  26. },
  27. headerText: {
  28. fontweight: 'bold',
  29. fontSize: 20,
  30. color: '#333',
  31. letterSpacing: 1,
  32. },
  33. icon: {
  34. position: 'absolute',
  35. left: -75
  36. },
  37. tinyLogo: {
  38. width:120,
  39. height:35,
  40. },
  41. })