タブバーのロング押し実装に伴うnavigation手法の変更とふぁぼ画面へのクイックアクセス機能整備

components/FavoriteList.js

@@ -8,14 +8,8 @@ import { AS } from "../storageControl";
 import { news } from "../config/newsUpdate";
 import { getStationList, lineList } from "../lib/getStationList";
 var Status = StatusbarDetect();
-export default function FavoriteList(props) {
-  const {
-    route: {
-      params: { webview, stationData },
-    },
-    navigation: { navigate },
-  } = props;
-
+export default function FavoriteList({ navigation, webview, stationData }) {
+  const { navigate } = navigation;
   const [favoriteStation, setFavoriteStation] = useState([]);
 
   useEffect(() => {
@@ -31,6 +25,17 @@ export default function FavoriteList(props) {
 
   return (
     <View style={{ height: "100%", backgroundColor: "#0099CC" }}>
+      <Text
+        style={{
+          textAlign: "center",
+          fontSize: 25,
+          color: "white",
+          fontWeight: "bold",
+          paddingVertical: 10,
+        }}
+      >
+        位置情報クイック移動メニュー
+      </Text>
       <ScrollView style={{ height: "100%", backgroundColor: "white" }}>
         {favoriteStation
           .filter((d) => d[0].StationMap)
@@ -100,9 +105,7 @@ export default function FavoriteList(props) {
           borderRadius: 5,
           alignItems: "center",
         }}
-        onPress={() => {
-          navigate("trainMenu");
-        }}
+        onPress={() => navigation.goBack()}
       >
         <View style={{ flex: 1 }} />
         <Text style={{ fontSize: 25, fontWeight: "bold", color: "white" }}>