harukin/jrshikoku
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

不要になったLottieRefを削除

Browse Source
This commit is contained in:
harukin-OneMix4 2022-11-18 19:28:40 +09:00
parent 343a0ad06e
commit 75b5f9b326
2 changed files with 63 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/ActionSheetComponents/JRSTraInfo.js
View File

@ -40,13 +40,12 @@ export const JRSTraInfo = (props) => {
loadingDelayData,
setLoadingDelayData,
delayData,
LottieRef2,
} = props;
return (
<ActionSheet
ref={JRSTraInfoEXAcSR}
gestureEnabled
CustomHeaderComponent={() => {}}
CustomHeaderComponent={() => { }}
>
<View
style={{
@ -81,8 +80,8 @@ export const JRSTraInfo = (props) => {
<Text style={{ fontSize: 30, fontWeight: "bold", color: "white" }}>
{getTime
? getTime.toLocaleTimeString("ja-JP").split(":")[0] +
":" +
getTime.toLocaleTimeString("ja-JP").split(":")[1]
":" +
getTime.toLocaleTimeString("ja-JP").split(":")[1]
: NaN}{" "}
</Text>
<Ionicons
@ -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")}
/>

128
menu.js
View File

@ -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={{
@ -284,8 +272,8 @@ export default function Menu(props) {
>
{getTime
? getTime.toLocaleTimeString("ja-JP").split(":")[0] +
":" +
getTime.toLocaleTimeString("ja-JP").split(":")[1]
":" +
getTime.toLocaleTimeString("ja-JP").split(":")[1]
: NaN}
</Text>
<Ionicons
@ -309,7 +297,8 @@ export default function Menu(props) {
{loadingDelayData ? (
<View style={{ alignItems: "center" }}>
<LottieView
ref={LottieRef}
autoPlay
loop
style={{
width: 150,
height: 150,
@ -532,55 +521,55 @@ export default function Menu(props) {
<Icon name="chevron-right" size={20} />
</ListItem>
)))([
{
url: "https://twitter.com/JRshikoku_eigyo",
name: "JR四国営業部【公式】",
},
{
url: "https://twitter.com/JRshikoku_tokyo",
name: "JR四国 東京営業情報【公式】",
},
{
url: "https://twitter.com/JRshikoku_osaka",
name: "JR四国 大阪営業部【公式】",
},
{
url: "https://twitter.com/jr_shikoku_info",
name: "ＪＲ四国列車運行情報【公式】",
},
{
url: "https://twitter.com/Smile_Eki_Chan",
name: "すまいるえきちゃん♡JR四国【公式】",
},
{
url: "https://twitter.com/jrs_matsuyama",
name: "JR四国 松山駅 【公式】",
},
{
url: "https://twitter.com/jrshikoku_kochi",
name: "JR四国 高知駅【公式】",
},
{
url: "https://twitter.com/jr_tokust",
name: "JR四国 徳島駅【公式】",
},
{
url: "https://twitter.com/jrshikoku_uwjm",
name: "JR四国 宇和島駅【公式】",
},
{
url: "https://twitter.com/JRshikoku_wkoch",
name: "JR四国 ワープ高知支店【公式】",
},
{
url: "https://twitter.com/jrshikoku_nihaw",
name: "JR四国 ワープ新居浜営業所【公式】",
},
{
url: "https://twitter.com/Yoakemonogatari",
name: "志国土佐　時代の夜明けのものがたり【公式】",
},
])}
{
url: "https://twitter.com/JRshikoku_eigyo",
name: "JR四国営業部【公式】",
},
{
url: "https://twitter.com/JRshikoku_tokyo",
name: "JR四国 東京営業情報【公式】",
},
{
url: "https://twitter.com/JRshikoku_osaka",
name: "JR四国 大阪営業部【公式】",
},
{
url: "https://twitter.com/jr_shikoku_info",
name: "ＪＲ四国列車運行情報【公式】",
},
{
url: "https://twitter.com/Smile_Eki_Chan",
name: "すまいるえきちゃん♡JR四国【公式】",
},
{
url: "https://twitter.com/jrs_matsuyama",
name: "JR四国 松山駅 【公式】",
},
{
url: "https://twitter.com/jrshikoku_kochi",
name: "JR四国 高知駅【公式】",
},
{
url: "https://twitter.com/jr_tokust",
name: "JR四国 徳島駅【公式】",
},
{
url: "https://twitter.com/jrshikoku_uwjm",
name: "JR四国 宇和島駅【公式】",
},
{
url: "https://twitter.com/JRshikoku_wkoch",
name: "JR四国 ワープ高知支店【公式】",
},
{
url: "https://twitter.com/jrshikoku_nihaw",
name: "JR四国 ワープ新居浜営業所【公式】",
},
{
url: "https://twitter.com/Yoakemonogatari",
name: "志国土佐　時代の夜明けのものがたり【公式】",
},
])}
</View>
</View>
<Text style={{ fontWeight: "bold", fontSize: 20 }}>
@ -633,7 +622,6 @@ export default function Menu(props) {
loadingDelayData={loadingDelayData}
setLoadingDelayData={setLoadingDelayData}
delayData={delayData}
LottieRef2={LottieRef2}
/>
</View>
);