整理

components/Apps.js

@@ -11,7 +11,7 @@ import Constants from "expo-constants";
 import { Ionicons } from "@expo/vector-icons";
 import * as Updates from "expo-updates";
 
-import { AS } from "../storageControl";
+import { AS, ASCore } from "../storageControl";
 import { news } from "../config/newsUpdate";
 import { getStationList, lineList } from "../lib/getStationList";
 import { injectJavascriptData } from "../lib/webViewInjectjavascript";
@@ -36,7 +36,7 @@ export default function Apps() {
   const { navigate } = useNavigation();
   const { isLandscape } = useDeviceOrientationChange();
   const handleLayout = () => {};
-  const { setInjectJavaScript, mapsStationData: stationData } = useTrainMenu();
+  const { setInjectJavaScript, mapsStationData } = useTrainMenu();
 
   //画面表示関連
   const [iconSetting, setIconSetting] = useState(undefined);
@@ -63,10 +63,6 @@ export default function Apps() {
     stationMenu,
     trainMenu
   );
-  const ASCore = ({ k, s, d }) =>
-    AS.getItem(k)
-      .then((d) => (d ? s(d) : AS.setItem(k, d).then(Updates.reloadAsync)))
-      .catch(() => AS.setItem(k, d).then(Updates.reloadAsync));
 
   useEffect(() => {
     //ニュース表示
@@ -79,13 +75,13 @@ export default function Apps() {
 
   useEffect(() => {
     //列車アイコンスイッチ
-    ASCore({ k: "iconSwitch", s: setIconSetting, d: "true" });
+    ASCore({ k: "iconSwitch", s: setIconSetting, d: "true", u: true });
     //地図スイッチ
-    ASCore({ k: "mapSwitch", s: setMapSwitch, d: "false" });
+    ASCore({ k: "mapSwitch", s: setMapSwitch, d: "false", u: true });
     //駅メニュースイッチ
-    ASCore({ k: "stationSwitch", s: setStationMenu, d: "true" });
+    ASCore({ k: "stationSwitch", s: setStationMenu, d: "true", u: true });
     //列車メニュースイッチ
-    ASCore({ k: "trainSwitch", s: setTrainMenu, d: "true" });
+    ASCore({ k: "trainSwitch", s: setTrainMenu, d: "true", u: true });
   }, []);
 
   const openStationACFromEachTrainInfo = async (stationName) => {
@@ -127,7 +123,7 @@ export default function Apps() {
       {!trainInfo.trainNum && isLandscape ? (
         <TrainMenu
           webview={webview}
-          stationData={stationData}
+          stationData={mapsStationData}
           navigation={{ navigate: null }}
           style={{
             width: (width / 100) * 40,
@@ -194,17 +190,13 @@ export default function Apps() {
           LoadError={LoadError}
         />
       ) : (
-        <NewMenu
-          webview={webview}
-          isLandscape={isLandscape}
-          LoadError={LoadError}
-          mapSwitch={mapSwitch}
-        />
+        <NewMenu LoadError={LoadError} />
       )}
     </View>
   );
 }
-const NewMenu = ({ webview, LoadError }) => {
+const NewMenu = ({ LoadError }) => {
+  const { webview } = useCurrentTrain();
   const { width } = useWindowDimensions();
   return (
     <View