不要になったLottieRefを削除

components/ActionSheetComponents/JRSTraInfo.js

@@ -40,13 +40,12 @@ export const JRSTraInfo = (props) => {
     loadingDelayData,
     setLoadingDelayData,
     delayData,
-    LottieRef2,
   } = props;
   return (
     <ActionSheet
       ref={JRSTraInfoEXAcSR}
       gestureEnabled
-      CustomHeaderComponent={() => {}}
+      CustomHeaderComponent={() => { }}
     >
       <View
         style={{
@@ -107,7 +106,8 @@ export const JRSTraInfo = (props) => {
             {loadingDelayData ? (
               <View style={{ alignItems: "center" }}>
                 <LottieView
-                  ref={LottieRef2}
+                  autoPlay
+                  loop
                   style={{ width: 150, height: 150, backgroundColor: "#fff" }}
                   source={require("../../assets/51690-loading-diamonds.json")}
                 />

menu.js

@@ -64,7 +64,7 @@ export default function Menu(props) {
     Location.requestForegroundPermissionsAsync().then((data) => {
       if (data.status !== "granted") {
         setErrorMsg("Permission to access location was denied");
-        return () => {};
+        return () => { };
       }
       Location.getCurrentPositionAsync({}).then((location) =>
         setLocation(location)
@@ -87,8 +87,8 @@ export default function Menu(props) {
   const [stationName, setStationName] = useState(undefined);
   const [currentStation, setCurrentStation] = useState(undefined);
   useEffect(() => {
-    if (!location) return () => {};
-    if (!originalStationList) return () => {};
+    if (!location) return () => { };
+    if (!originalStationList) return () => { };
     const findStationEachLine = (selectLine) => {
       const searchArea = 0.0015;
       const _calcDistance = (from, to) => {
@@ -136,8 +136,6 @@ export default function Menu(props) {
     }
   }, [location, originalStationList]);
 
-  const LottieRef = useRef(null);
-  const LottieRef2 = useRef(null);
   const [count, setCount] = useState(0);
   const [delayData, setDelayData] = useState(undefined);
   const [getTime, setGetTime] = useState(new Date());
@@ -148,22 +146,12 @@ export default function Menu(props) {
       "https://script.google.com/macros/s/AKfycbyKxch7z7l8e07LXulRHqxjVoIiB13kcgvoToLE-rqlxLmLSKdlmqz0FI1F2EuA7Zfg/exec"
     )
       .then((response) => response.text())
-      .then((data) => {
-        if (data != "") {
-          setDelayData(data.split("^"));
-        } else setDelayData(null);
-      })
-      .then((data) => LayoutAnimation.easeInEaseOut())
+      .then(data => setDelayData(data !== "" ? data.split("^") : null))
+      .then(() => LayoutAnimation.easeInEaseOut())
       .then(() => setGetTime(new Date()))
       .finally(() => setLoadingDelayData(false));
   }, [loadingDelayData]);
 
-  useEffect(() => {
-    try {
-      LottieRef?.current.play();
-      LottieRef2?.current.play();
-    } catch (e) {}
-  });
   return (
     <View
       style={{
@@ -309,7 +297,8 @@ export default function Menu(props) {
                 {loadingDelayData ? (
                   <View style={{ alignItems: "center" }}>
                     <LottieView
-                      ref={LottieRef}
+                      autoPlay
+                      loop
                       style={{
                         width: 150,
                         height: 150,
@@ -633,7 +622,6 @@ export default function Menu(props) {
         loadingDelayData={loadingDelayData}
         setLoadingDelayData={setLoadingDelayData}
         delayData={delayData}
-        LottieRef2={LottieRef2}
       />
     </View>
   );