我正在使用react-navigation v5,我正在尝试从一个页面导航到另一个页面,我有两个导航器,一个bottomTabNavigator和一个stack navigator。
\n\n确切地说,我在单击从后端获得的列表中的项目并将该列表中的元素发送到另一个页面后尝试进入页面,但我得到
\n\n\n\n\n找不到变量导航
\n
这是我的组件订单,它呈现我的列表
\n\nimport React from \'react\'\nimport { View, Text, TouchableOpacity } from \'react-native\'\nimport { CommonActions } from \'@react-navigation/native\'\n\nexport default Order = (orders) => {\n const listOfOrder = orders.orders.map((item) => {\n let date = new Date(item.created_at)\n console.log(\'status\',item.status)\n if(item.status === \'waiting for rider\' || item.status === \'in progress\' || item.status === \'cooking\') {\n return (\n <View>\n <TouchableOpacity\n style={styles.buttonOrderContainer}\n // onPress={() => this.props.navigation.navigate(\'D\xc3\xa9tails\')}>\n onPress={() => navigation.dispatch(CommonActions.navigate({\n name:\'D\xc3\xa9tails\',\n params: {\n orderId: item.id\n }\n }))}>\n …Run Code Online (Sandbox Code Playgroud)