Dingdong_app/navigation/GuideStackNavigator.js

import * as React from "react";

import Guide1Screen from "../screens/Guide1Screen";
import Guide2Screen from "../screens/Guide2Screen";
import Guide3Screen from "../screens/Guide3Screen";
import Guide4Screen from "../screens/Guide4Screen";
import StoreAudit from "../screens/StoreAudit";

export default function GuideScreens(Screen, guideStep) {
    if (guideStep === "1") {
        return (
          <Screen
            name='Guide1'
            component={Guide1Screen}
            options={{
                    animationTypeForReplace: guideStep === "1" ? "pop" : "push",
                }}
          />
        );
    } if (guideStep === "2") {
        return (
          <Screen
            name='Guide2'
            component={Guide2Screen}
            options={{
                    animationTypeForReplace: guideStep === "2" ? "pop" : "push",
                }}
          />
        );
    } if (guideStep === "3") {
        return (
          <Screen
            name='Guide3'
            component={Guide3Screen}
            options={{
                    animationTypeForReplace: guideStep === "3" ? "pop" : "push",
                }}
          />
        );
    } if (guideStep === "4") {
        return (
          <Screen
            name='Guide4'
            component={Guide4Screen}
            options={{
                    animationTypeForReplace: guideStep === "4" ? "pop" : "push",
                }}
          />
        );
    } if (guideStep === "5") {
        return (
          <Screen
            name='StoreAudit'
            component={StoreAudit}
            options={{
                    animationTypeForReplace: guideStep === "5" ? "pop" : "push",
                }}
          />
        );
    } 
        return <></>;
    
}