駅名標が正常に動作していなかったバグを修正

App.js

@@ -42,8 +42,8 @@ if (Platform.OS === "android") {
 export default function App() {
   useEffect(() => UpdateAsync(), []);
   return (
-    <SheetProvider>
-      <FavoriteStationProvider>
+    <FavoriteStationProvider>
+      <SheetProvider>
         <CurrentTrainProvider>
           <AreaInfoProvider>
             <AllTrainDiagramProvider>
@@ -53,20 +53,11 @@ export default function App() {
             </AllTrainDiagramProvider>
           </AreaInfoProvider>
         </CurrentTrainProvider>
-      </FavoriteStationProvider>
-    </SheetProvider>
+      </SheetProvider>
+    </FavoriteStationProvider>
   );
 }
 export function AppContainer() {
-  const { setFavoriteStation } = useFavoriteStation();
-  useEffect(() => {
-    AS.getItem("favoriteStation")
-      .then((d) => {
-        const returnData = JSON.parse(d);
-        setFavoriteStation(returnData);
-      })
-      .catch((d) => console.log(d));
-  }, []);
   const { setBusAndTrainData } = useBusAndTrainData();
   useEffect(() => {
     AS.getItem("busAndTrain")

components/駅名表/Sign.js

@@ -14,7 +14,6 @@ export default function Sign(props) {
   const [preStation, setPreStation] = useState();
   const [nexStation, setNexStation] = useState();
   const [testButtonStatus, setTestButtonStatus] = useState(false);
-
   useEffect(() => {
     const isFavorite = favoriteStation.filter((d) => {
       const compare = JSON.stringify(d);

menu.js

@@ -121,9 +121,12 @@ export default function Menu(props) {
       .then(() => setGetTime(new Date()))
       .finally(() => setLoadingDelayData(false));
   }, [loadingDelayData]);
-  const allStationData = [currentStation, ...favoriteStation].filter(
-    (d) => d != undefined
-  );
+  const [allStationData, setAllStationData] = useState([]);
+  useEffect(() => {
+    setAllStationData(
+      [currentStation, ...favoriteStation].filter((d) => d != undefined)
+    );
+  }, [currentStation, favoriteStation]);
   useEffect(() => {
     if (allStationData.length == 0) {
       setSelectedCurrentStation(0);

stateBox/useFavoriteStation.js

@@ -1,4 +1,5 @@
-import React, { createContext, useContext, useState } from "react";
+import React, { createContext, useContext, useState, useEffect } from "react";
+import { AS } from "../storageControl";
 const initialState = {
   favoriteStation: [],
   setFavoriteStation: () => {},
@@ -11,8 +12,15 @@ export const useFavoriteStation = () => {
 };
 
 export const FavoriteStationProvider = ({ children }) => {
-  const [favoriteStation, setFavoriteStation] = useState({});
-
+  const [favoriteStation, setFavoriteStation] = useState([]);
+  useEffect(() => {
+    AS.getItem("favoriteStation")
+      .then((d) => {
+        const returnData = JSON.parse(d);
+        setFavoriteStation(returnData);
+      })
+      .catch((d) => console.log(d));
+  }, []);
   return (
     <FavoriteStationContext.Provider
       value={{ favoriteStation, setFavoriteStation }}