項目の軽い整理

components/trainMenu.js

@@ -1,4 +1,4 @@
-import React, { useRef, useState, useEffect } from "react";
+import React, { useRef, useState, useEffect, useLayoutEffect } from "react";
 import { View, Text, TouchableOpacity, Linking } from "react-native";
 import MapView, { Marker } from "react-native-maps";
 import { MaterialCommunityIcons, Ionicons } from "@expo/vector-icons";
@@ -23,8 +23,8 @@ export default function TrainMenu({ style }) {
   } = useTrainMenu();
   useEffect(() => {
     const stationPinData = [];
-    Object.keys(stationData).map((d, indexBase) => {
-      stationData[d].map((D, index) => {
+    Object.keys(stationData).forEach((d, indexBase) => {
+      stationData[d].forEach((D, index) => {
         if (!D.StationMap) return null;
         if (selectedLine && selectedLine != d) return;
         const latlng = D.StationMap.replace(
@@ -43,7 +43,7 @@ export default function TrainMenu({ style }) {
     });
     setStationPin(stationPinData);
   }, [stationData, selectedLine]);
-  useEffect(() => {
+  useLayoutEffect(() => {
     mapRef.current.fitToCoordinates(
       stationPin.map(({ latlng }) => ({
         latitude: parseFloat(latlng[0]),