アクションシートの依存更新

components/ActionSheetComponents/EachTrainInfo.js

@@ -11,7 +11,7 @@ import {
   Platform,
 } from "react-native";
 import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
-import ActionSheet from "react-native-actions-sheet";
+import ActionSheet, { SheetManager } from "react-native-actions-sheet";
 import { AS } from "../../storageControl";
 import LottieView from "lottie-react-native";
 import trainList from "../../assets/originData/trainList";
@@ -22,14 +22,15 @@ import {
 } from "react-native-responsive-screen";
 import lineColorList from "../../assets/originData/lineColorList";
 
-export const EachTrainInfo = ({
-  setRef,
-  data,
-  navigate,
-  originalStationList,
-  openStationACFromEachTrainInfo,
-  from,
-}) => {
+export const EachTrainInfo = (props) => {
+  if (!props.payload) return <></>;
+  const {
+    data,
+    navigate,
+    originalStationList,
+    openStationACFromEachTrainInfo,
+    from,
+  } = props.payload;
   const [trainData, setTrainData] = useState([]);
   const [isTop, setIsTop] = useState(true);
   const [currentPosition, setCurrentPosition] = useState([]);
@@ -240,11 +241,7 @@ export const EachTrainInfo = ({
   };
 
   return (
-    <ActionSheet
-      ref={setRef}
-      gestureEnabled={isTop}
-      CustomHeaderComponent={<></>}
-    >
+    <ActionSheet gestureEnabled={isTop} CustomHeaderComponent={<></>}>
       <View
         style={{
           backgroundColor: "#0099CC",
@@ -297,7 +294,7 @@ export const EachTrainInfo = ({
                     info: "train.html?tn=" + data.trainNum,
                     from,
                   });
-                  setRef.current?.hide();
+                  SheetManager.hide("EachTrainInfo");
                 }}
               />
             )}