アイコン変更

components/駅名表/Sign.js

@@ -12,6 +12,7 @@ import {
   widthPercentageToDP as wp,
   heightPercentageToDP as hp,
 } from "react-native-responsive-screen";
+import AutoHeightImage from "react-native-auto-height-image";
 import LottieView from "lottie-react-native";
 import { useInterval } from "../../lib/useInterval";
 import { AS } from "../../storageControl";
@@ -95,7 +96,7 @@ export default function Sign(props) {
       <StationNumberMaker currentStation={currentStation} />
       <StationNameArea currentStation={currentStation} />
       <TouchableOpacity
-        style={{ position: "absolute", right: -15, top: -20 }}
+        style={{ position: "absolute", right: -15, top: -13 }}
         onPress={() => {
           if (testButtonStatus) {
             const otherData = favoriteStation.filter((d) => {
@@ -118,7 +119,7 @@ export default function Sign(props) {
           setTestButtonStatus(!testButtonStatus);
         }}
       >
-        <LottieDelayView
+        <LottieDelayViews
           progress={testButtonStatus ? 1 : 0}
           speed={1.4}
           style={{ width: 80, height: 80 }}
@@ -137,6 +138,26 @@ export default function Sign(props) {
   );
 }
 
+const LottieDelayViews = ({
+  progress,
+  speed,
+  style,
+  source,
+  lottieRef,
+  loop,
+}) => {
+  return (
+    <AutoHeightImage
+      source={
+        progress == 0
+          ? require("../../assets/素材2.png")
+          : require("../../assets/素材3.png")
+      }
+      resizeMode="contain"
+      width={style.width}
+    />
+  );
+};
 const LottieDelayView = ({
   progress,
   speed,