navigation.goBack 在本机反应中不起作用

Question

这是我项目的结构：标签导航器有两个屏幕 DailyTab 和 WeeklyTab。 DailyTab 本身就是一个堆栈导航器，它有两个屏幕 Daily 和 Todos。 Daily 是默认屏幕，我可以从 Daily 导航到 Todos，但是当我按下 Todos 上的后退按钮时会出现相同的 Todos 屏幕（我希望它会带我进入 Daily 屏幕）

主要：

const Main = () => {
  const Tab = createBottomTabNavigator();

  return (
    <NavigationContainer independent={true}>
      <Tab.Navigator>
        <Tab.Screen
          name="DailyTab"
          component={DailyTab}
        />
        <Tab.Screen
          name="WeeklyTab"
          component={WeeklyTab}
        />
        
      </Tab.Navigator>
    </NavigationContainer>
  );
};

每日标签：

const DailyTab = () => {

  return (
    <NavigationContainer independent={true}>
      <Stack.Navigator initialRouteName="Daily">
        <Stack.Screen
          name="Daily"
          component={Daily}
          options={{headerShown: false}}
        />
        <Stack.Screen
          name="Todos"
          component={Todos}
          options={{headerShown: false}}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
};

const Daily = ({navigation}) => {
  return (
    <View style={globalStyles.overallBackground}>
      <Navbar />
      <Calendar navigation={navigation} />
    </View>
  );
};

待办事项：

const Todos = ({route, navigation}) => {
  return (
    <View style={globalStyles.overallBackground}>
      <Navbar />
      <Button title="back" onPress={()=>navigation.goBack()} ></Button>
    </View>
  );
};

我哪里错了？

Answer 1

试一试——

this.props.navigation.goBack()