現在地由来の表示に専用アイコンを付与

components/駅名表/Sign.js

@@ -1,6 +1,7 @@
 import React, { useRef, useState, useEffect, useLayoutEffect } from "react";
 import { View, Text, TouchableOpacity } from "react-native";
 import { widthPercentageToDP as wp } from "react-native-responsive-screen";
+import { MaterialCommunityIcons } from "@expo/vector-icons";
 import LottieView from "lottie-react-native";
 import { useInterval } from "../../lib/useInterval";
 import { AS } from "../../storageControl";
@@ -9,7 +10,13 @@ import { useFavoriteStation } from "../../stateBox/useFavoriteStation";
 import lineColorList from "../../assets/originData/lineColorList";
 
 export default function Sign(props) {
-  const { currentStation, originalStationList, oP, oLP } = props;
+  const {
+    currentStation,
+    originalStationList,
+    oP,
+    oLP,
+    isCurrentStation = false,
+  } = props;
   const { favoriteStation, setFavoriteStation } = useFavoriteStation();
   const [nexPrePosition, setNexPrePosition] = useState(0);
 
@@ -92,6 +99,16 @@ export default function Sign(props) {
     <TouchableOpacity style={styleSheet.外枠} onPress={oP} onLongPress={oLP}>
       <StationNumberMaker currentStation={currentStation} />
       <StationNameArea currentStation={currentStation} />
+      {isCurrentStation ? (
+        <TouchableOpacity style={{ position: "absolute", right: 0, top: 0 }}>
+          <MaterialCommunityIcons
+            name="crosshairs-gps"
+            style={{ padding: 5 }}
+            color="#2E94BB"
+            size={30}
+          />
+        </TouchableOpacity>
+      ) : (
         <TouchableOpacity
           style={{ position: "absolute", right: -15, top: -20 }}
           onPress={() => {
@@ -125,6 +142,7 @@ export default function Sign(props) {
             loop={false}
           />
         </TouchableOpacity>
+      )}
 
       <Text style={styleSheet.JRStyle}>JR</Text>
       <View style={styleSheet.下帯} />

menu.js

@@ -172,6 +172,7 @@ export default function Menu({ getCurrentTrain }) {
                   <Sign
                     currentStation={item}
                     originalStationList={originalStationList}
+                    isCurrentStation={item == currentStation}
                     oP={() => {
                       const payload = {
                         currentStation: