reactjs - 导航到另一个页面的后退按钮会导致底部选项卡消失并滑动到错误的方向

Question

我在屏幕上添加了一个后退按钮，但由于某种原因，页面将向右而不是向左移动，如下面的 gif 所示。我希望页面能够向另一个方向滑动，给人一种向后而不是向前的感觉。我以前没有遇到过这个问题。此外，它还会导致底部选项卡完全消失。我正在使用堆栈，并在下面提供了该堆栈以及我认为你们需要的所有其他必要信息。

感谢您的任何见解!我比你知道的更感激。

我不确定这些信息是否足以真正回答我的问题。请随时要求我提供更多信息!

堆栈

      <Stack.Navigator>        
        <Stack.Screen name="Home" component= {MyTabs} options={{headerShown: false}}/>
        <Stack.Screen name="ProfileScreen" component= {ProfileScreen} options={{headerShown: false}}/>
        <Stack.Screen name="VenueDetails" component= {VenueDetailsScreen} options={{headerShown: false}}/>
        <Stack.Screen name="ProfileSettings" component= {ProfileSettingsScreen} options={{headerShown: false}}/>
      </Stack.Navigator>
    </NavigationContainer>

我如何创建个人资料选项卡

<Tab.Screen
        name="Profile"
        component={profile}
        options={{
          tabBarLabel: 'Profile',
          tabBarIcon: ({ color, size }) => (
            <MaterialCommunityIcons name="account" color={color} size={size} />
          ),
        }}

后退按钮

<TouchableOpacity onPress={() => this.props.navigation.navigate('ProfileScreen')}>

Answer 1

正如 HijenHEK 提到的，将其更改为 navigation.goback() 解决了该问题。

<TouchableOpacity onPress={() => this.props.navigation.goBack()}>