smile忘れを追加

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";
@@ -57,6 +58,29 @@ export default function Sign(props) {
     setNexPrePosition(0);
     getPreNextStation(currentStation[0]);
   }, [currentStation]);
+  const [smileUrl, setSmileUrl] = useState(undefined);
+  useEffect(() => {
+    const smile = currentStation[0].JrHpUrl.replace("/index.html", "/");
+    const stationSplit = smile.split("/");
+    const smileName = stationSplit[stationSplit.length - 2];
+    if (smileName == "takamatsu") {
+      setSmileUrl(smile + "/images/illustration.png");
+    } else if (smileName == "iyomishima") {
+      setSmileUrl(smile + "/images/iyo-mishima_smile.png");
+    } else if (smileName == "iyosaijo") {
+      setSmileUrl(smile + "/images/iyo-saijo_smile.png");
+    } else if (smileName == "nyugawa") {
+      setSmileUrl(smile + "/images/newgawa_smile.png");
+    } else if (smileName == "iyohojo") {
+      setSmileUrl(smile + "/images/iyo-hojo_smile.png");
+    } else if (smileName == "iyozu") {
+      setSmileUrl(smile + "/images/iyo-ozu_smile.png");
+    } else if (smileName == "oboke") {
+      setSmileUrl(smile + "/images/ooboke_smile.png");
+    } else {
+      setSmileUrl(smile + "images/" + smileName + "_smile.png");
+    }
+  }, [currentStation]);
 
   useEffect(() => {
     if (!currentStation[nexPrePosition]) return () => {};
@@ -92,10 +116,18 @@ export default function Sign(props) {
   const lottieRef = useRef();
   return (
     <TouchableOpacity style={styleSheet.外枠} onPress={oP}>
+      <AutoHeightImage
+        source={{
+          uri: smileUrl,
+        }}
+        resizeMode="contain"
+        width={wp("30%")}
+        style={{ position: "absolute", bottom: "30%" }}
+      />
       <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 +150,7 @@ export default function Sign(props) {
           setTestButtonStatus(!testButtonStatus);
         }}
       >
-        <LottieDelayView
+        <LottieDelayViews
           progress={testButtonStatus ? 1 : 0}
           speed={1.4}
           style={{ width: 80, height: 80 }}
@@ -137,6 +169,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,

lib/webViewInjectjavascript.js

@@ -461,6 +461,9 @@ break;
 default:
   break;
 }
+
+//2023AP
+setStationIcon(element.getElementsByTagName("img")[0],'https://nexcloud.haruk.in/s/4zcJWFmiAq3iqPS/preview');
 `
       : ``;