Dingdong_app/navigation/GuideStackNavigator.js

import {
    createStackNavigator,
    CardStyleInterpolators,
} from "@react-navigation/stack";
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";

const config = {
    animation: "spring",
    config: {
        stiffness: 1000,
        damping: 500,
        mass: 3,
        overshootClamping: true,
        restDisplacementThreshold: 0.01,
        restSpeedThreshold: 0.01,
    },
};
export default function GuideScreens(Screen, guideStep) {
    console.log(guideStep);
    if (guideStep == "1") {
        {
            /* 商品 */
        }
        return <Screen name='Guide1' component={Guide1Screen} />;
    } else if (guideStep == "2") {
        return <Screen name='Guide2' component={Guide2Screen} />;
    } else if (guideStep == "3") {
        return <Screen name='Guide3' component={Guide3Screen} />;
    } else if (guideStep == "4") {
        return <Screen name='Guide4' component={Guide4Screen} />;
    } else if (guideStep == "5") {
        return <Screen name='StoreAudit' component={StoreAudit} />;
    } else {
        return <></>;
    }
}