Skip to main content
se eliminaron 7 caracteres en el cuerpo
Origen Enlace
Batuza
  • 132
  • 11

El problema es que lo que SideMenu no es una función sino un componente. y deberías llamarlo así:

import { sideMenu } from".../tuRuta"

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

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

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

    )
};

Recuerda que tienes que exportar el componente de sideMenu:

export const SideMenu = () => {
        return (
            <SafeAreaView style ={{flex : 1 }}>
                <View style = {{
                    height : 150,
                    alignItems: 'center',
                    justifyContent: 'center'
                }}>
                    <Text>MotherF*cker</Text>
                    <ScrollView>
                        <List>
                            <ListItem>
                                <Text>gfdsgfdsg</Text>
                            </ListItem>
                        </List>
                    </ScrollView>
                </View>
            </SafeAreaView>
        )
    }

El problema es que lo que SideMenu no es una función sino un componente. y deberías llamarlo así:

import { sideMenu } from".../tuRuta"

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

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

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

    )
};

Recuerda que tienes que exportar el componente de sideMenu:

export const SideMenu = () => {
        return (
            <SafeAreaView style ={{flex : 1 }}>
                <View style = {{
                    height : 150,
                    alignItems: 'center',
                    justifyContent: 'center'
                }}>
                    <Text>MotherF*cker</Text>
                    <ScrollView>
                        <List>
                            <ListItem>
                                <Text>gfdsgfdsg</Text>
                            </ListItem>
                        </List>
                    </ScrollView>
                </View>
            </SafeAreaView>
        )
    }

El problema es que SideMenu no es una función sino un componente. y deberías llamarlo así:

import { sideMenu } from".../tuRuta"

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

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

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

    )
};

Recuerda que tienes que exportar el componente de sideMenu:

export const SideMenu = () => {
        return (
            <SafeAreaView style ={{flex : 1 }}>
                <View style = {{
                    height : 150,
                    alignItems: 'center',
                    justifyContent: 'center'
                }}>
                    <Text>MotherF*cker</Text>
                    <ScrollView>
                        <List>
                            <ListItem>
                                <Text>gfdsgfdsg</Text>
                            </ListItem>
                        </List>
                    </ScrollView>
                </View>
            </SafeAreaView>
        )
    }
Origen Enlace
Batuza
  • 132
  • 11

El problema es que lo que SideMenu no es una función sino un componente. y deberías llamarlo así:

import { sideMenu } from".../tuRuta"

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

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

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

    )
};

Recuerda que tienes que exportar el componente de sideMenu:

export const SideMenu = () => {
        return (
            <SafeAreaView style ={{flex : 1 }}>
                <View style = {{
                    height : 150,
                    alignItems: 'center',
                    justifyContent: 'center'
                }}>
                    <Text>MotherF*cker</Text>
                    <ScrollView>
                        <List>
                            <ListItem>
                                <Text>gfdsgfdsg</Text>
                            </ListItem>
                        </List>
                    </ScrollView>
                </View>
            </SafeAreaView>
        )
    }