0

Buenas tengo una HomeScreen y le quiero añadir importar un componente Header. Estoy aprendiendo no sean duros

export default function Header(){
    return (
    <View style = { styles.header}>
        <MaterialIcons name='menu' size={28} onPress={} stle={style.icon}/>
        <View>
        <Text style ={styles.headerText}>Rate Me</Text>
        </View>
    </View>
);
}

Este es mi componente que se encuentra en Components/header.js Y esta es mi main

import  Header  from ' Components/header';

const HomeScreen = ({ navigation }) => {
    return (

        <View style={styles.container}>
            <Header />
            <Text>hehe</Text>

            <Button
            title = "Go!"
            onPress= {() => navigation.navigate('Detalle', { title : 'aleks95', user_name:'Alex'})}
            />
        </View>

    )
}

HomeScreen.navigationOptions = {
    headerTitle: ()=> <Header navigation={navigation} title='rasdf'/>,
    headerRight:(
        <Button onPress={() => alert('hola')}
                title="Go!"
                color = "#000000"/>
    ),
    headerStyle:{
        backgroundColor: '#D9FFFE'
    },
    headerTintColor: '#0000000',
    headerTitleStyle:{
        fontWeight:'200'
    }
}

A continuación adjunto el arbol del proyecto
introducir la descripción de la imagen aquí

Algo tengo mal me gustaría saber el que...Gracias!

1
  • Te da algún error? Commented el 3 jul. 2020 a las 15:30

2 respuestas 2

1

por lo que veo estás ingresando mal la ruta en el import., te falta el ./ al inicio.

Probá poniendo:

import  Header  from '../Components/Header';

Explicación: con un solo punto y barra "./archivo" marcás la ruta de un archivo ubicado en la misma carpeta que el componente desde donde lo importás.

Con dos puntos y barra "../carpeta/archivo" retrodecés un nivel en la ruta (sería como ir atrás en el navegador).

Espero que te sirva, cualquier cosa comentame. Saludos!

4
  • He probado lo que me has dicho y no funciona...
    – Iron Man
    Commented el 2 jul. 2020 a las 22:19
  • Probaste tanto con un punto ("./") como con dos puntos ("../") ? Si querés mostrame una captura de tu árbol de carpetas y lo solucionamos. Commented el 3 jul. 2020 a las 3:12
  • He añadido la foto del arbol a ver si ayuda..haha
    – Iron Man
    Commented el 3 jul. 2020 a las 15:12
  • He hecho un npm install y ha funcionado! gracias!
    – Iron Man
    Commented el 3 jul. 2020 a las 15:39
1

Debes escribir en tu archivo App.js

import  Header  from './Components/header';

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.