时间戳

首页 > 解决方案 > React Native 导航 - navigation.navigate 不是一个函数

react-native - React Native 导航 - navigation.navigate 不是一个函数

问题描述

我尝试制作我的应用程序并使用 React 的导航，当我尝试制作按钮时不会像这样改变我的屏幕：onPress={() => navigation.navigate('Connect')当我点击我的按钮时，我有这个错误：navigation.navigate is not a function (in 'navigation.navigate('Connect'), 'navigation.navigate is undefined'

但是我在主屏幕上使用了相同的按钮，它的工作原理！也许我的道具导航在我的另一个屏幕“恭喜”上没有准备好？

我的代码：

祝贺.js -

export default function Congratulations({navigation}, props) {

return (
    <View style={styles.isSubmit}>
        <Logo width={300} height={100} />
        <Text style={styles.congratulations}>Félicitations {props.firstName + ' ' + props.lastName}, tu peux désormais organiser tes évènements sur l'application ! </Text>
        <View style={{marginTop:30}}>
                <TouchableOpacity
                    style={styles.buttonShadowConnect}
                    onPress={() => navigation.navigate('Connect')}>
                    <LinearGradient style={styles.button} colors={['#FD867E', '#FD7EAC']} start={[0, 0.65]}
                                    end={[0.70, 1]}>
                        <Text style={styles.textButton}>Connexion</Text>
                    </LinearGradient>
                </TouchableOpacity>
        </View>
    </View>
); }

我的 Navigation.js ：

 <NavigationContainer theme={Theme}>
            <Drawer.Navigator initialRouteName="Home" drawerType={"slide"} options={options}>
                <Drawer.Screen name="Home" component={Home} options={{ title: "Accueil" }}/>
                <Drawer.Screen name="JoinUs" component={JoinUs} options={{ title: "Nous rejoindre" }}/>
                <Drawer.Screen name="Connect" component={Connect} options={{ title: "Se connecter" }}/>
            </Drawer.Navigator>

        </NavigationContainer>

我在我的组件 JoinUsForm.js 中调用我的组件 Congratulations，如下所示：

    <Congratulations firstName={getFirstName} lastName={getLastName} navigation={navigation}></Congratulations>

如果需要，您可以查看我的仓库：https ://github.com/teddyboirin/myparty 谢谢！

标签： react-nativereact-native-navigation

解决方案

我在世博会上运行你的项目没有问题。我想你忘了在 iOS 文件夹上运行 pod install ：

cd ios && pod install

推荐阅读