-
Notifications
You must be signed in to change notification settings - Fork 0
/
Header.js
23 lines (22 loc) · 1.13 KB
/
Header.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, Button, Image, ImageBackground} from 'react-native';
import styles from "./Styles"
type Props = {};
export default class Header extends Component<Props> {
render() {
return (
<ImageBackground source={require('./assets/images/header.png')} style={{width: '100%', height: 105,flexDirection: 'row', paddingBottom: 10, justifyContent: "center", alignItems: "flex-end"}}>
<View style={{width: "90%", flexDirection: 'row', justifyContent: "space-between", alignItems: "center"}}>
<View>
<Text style={styles.instructions, {color: "white"}}>Hello Hector</Text>
<Text style={styles.instructions, {color: "white", fontSize: 10}}>Today you have no tasks</Text>
</ View>
<Image
source={require('./assets/images/profile.jpg')}
style = {{margin: 0, width:40, height:40, borderRadius: 20}}
/>
</ View>
</ImageBackground>
);
}
}