title: Pop animation in React navigation
body: <p>I'm using <code>cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS</code> for animation transition, the problem is animation for pop must be reverse of pushing but not the animation for push and pop is the same and screen transition is in the same way.</p>
  <p>How can I change animation for pop so, transition animation is reverse of poping??</p>
  <p>I try using it in stack that contains topbar but not works:</p>
  <pre><code>&lt;Stack.Navigator
    screenOptions={{
      ...TransitionPresets.SlideFromRightIOS,
    }}
    mode=&quot;card&quot;
    headerMode=&quot;screen&quot;
  &gt;
    &lt;Stack.Screen
      name=&quot;HOME&quot;
      component={HomeStack}
      options={{
        ...TransitionPresets.SlideFromRightIOS,
      }}
    /&gt;
  &lt;/Stack.Navigator&gt;
  </code></pre>
  <pre><code>const Tab = createMaterialTopTabNavigator();
  
  export default function HomeStack({
      navigation,
      route,
  }: {
      navigation: StackNavigationProp&lt;any&gt;;
      route: any;
  }) {
      React.useLayoutEffect(() =&gt; {
          navigation.setOptions({
              headerShown: false,
          });
      }, [navigation, route]);
      useFocusEffect(
          React.useCallback(() =&gt; {
              const onBackPress = () =&gt; {
                  BackHandler.exitApp();
                  return true;
              };
  
              BackHandler.addEventListener(&quot;hardwareBackPress&quot;, onBackPress);
  
              return () =&gt; BackHandler.removeEventListener(&quot;hardwareBackPress&quot;, onBackPress);
          }, []),
      );
      return (
          &lt;Tab.Navigator tabBar={props =&gt; &lt;CentralTab {...props} /&gt;} tabBarPosition=&quot;bottom&quot; lazy&gt;
              &lt;Tab.Screen name=&quot;GROUPS&quot; component={GroupsScreen} /&gt;
              &lt;Tab.Screen name=&quot;FEED&quot; component={FeedStack} /&gt;
              &lt;Tab.Screen name=&quot;NEW&quot; component={NewStack} /&gt;
          &lt;/Tab.Navigator&gt;
      );
  }
  </code></pre>