Topのルーティング関係を最適化

components/trainMenu.js

@@ -2,13 +2,12 @@ import React, { useRef } from "react";
 import { View, Text, TouchableOpacity, Linking } from "react-native";
 import MapView, { Marker } from "react-native-maps";
 import { MaterialCommunityIcons } from "@expo/vector-icons";
-export default function TrainMenu({
-  navigation: { navigate },
-  webview,
-  stationData,
-  style,
-}) {
+import { useCurrentTrain } from "../stateBox/useCurrentTrain";
+import { useNavigation } from "@react-navigation/native";
+export default function TrainMenu({ stationData, style }) {
+  const { webview } = useCurrentTrain();
   const mapRef = useRef();
+  const { navigate } = useNavigation();
   return (
     <View style={{ height: "100%", backgroundColor: "#0099CC", ...style }}>
       <MapView