HeaderMeteo.js

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

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

const styles = StyleSheet.create({
    header:
  {
    height:"15%",
    backgroundColor: "blue"
  },
  title:
  {
    fontSize: 40,
    justifyContent: "center",
    textAlign: "center",
    marginTop: "10%"
  }
})

export default HeaderMeteo;