有效载荷为{“ name”:“ settings”}的动作'NAVIGATE'未被任何导航器处理。您是否有一个名为“设置”的屏幕?

时间:2020-05-05 08:56:50

标签: react-native react-navigation react-navigation-stack react-navigation-v5 react-navigation-bottom-tab

当我尝试从'review'导航到'settings'时,出现此错误:

任何导航器均未处理带有有效载荷{“ name”:“ settings”}的动作'NAVIGATE'。

您是否有一个名为“设置”的屏幕?

如果您尝试导航到嵌套导航器中的屏幕,请参见https://reactnavigation.org/docs/nesting-navigators#navigating-to-a-screen-in-a-nested-navigator

这是仅供开发使用的警告,不会在生产中显示。

   review = () => {
    return (
      <Stack.Navigator >
        <Stack.Screen 
            name="review" 
            component={ReviewScreen}
            options={{
              headerTitle: 'review jobs',
              headerRight: () => (
                <Button
                  onPress={() => this.props.navigation.navigate('settings')}
                  title="settings"
                />
              ),
            }} 
        />
        <Stack.Screen name="settings" component={SettingScreen} />
      </Stack.Navigator>
    );
  }

render() {
    return ( 
<NavigationContainer independent={true} >
  <Tab.Navigator>
    <Tab.Screen name="deck" component={DeckScreen}  />
    <Tab.Screen name="map" component={MapScreen} />
    <Tab.Screen name="review" component={this.review} />
  </Tab.Navigator>
</NavigationContainer>
     );
}

我在以下版本中使用反应导航: “ @ react-navigation / bottom-tabs”:“ ^ 5.3.3”, “ @ react-navigation / native”:“ ^ 5.2.3”, “ @ react-navigation / stack”:“ ^ 5.2.18”,

0 个答案:

没有答案