116 lines
3.9 KiB
JavaScript
116 lines
3.9 KiB
JavaScript
import React, { Component, useRef, useState, useEffect } from "react";
|
|
import { View, Text, TouchableOpacity, ScrollView } from "react-native";
|
|
import { WebView } from "react-native-webview";
|
|
import { ListItem } from "native-base";
|
|
import Icon from "react-native-vector-icons/Entypo";
|
|
import StatusbarDetect from "../StatusbarDetect";
|
|
import { AS } from "../storageControl";
|
|
import { news } from "../config/newsUpdate";
|
|
import { getStationList, lineList } from "../lib/getStationList";
|
|
var Status = StatusbarDetect();
|
|
export default function FavoriteList(props) {
|
|
const {
|
|
route: {
|
|
params: { webview, stationData },
|
|
},
|
|
navigation: { navigate },
|
|
} = props;
|
|
|
|
const [favoriteStation, setFavoriteStation] = useState([]);
|
|
|
|
useEffect(() => {
|
|
AS.getItem("favoriteStation")
|
|
.then((d) => {
|
|
console.log(d);
|
|
const returnData = JSON.parse(d);
|
|
console.log(returnData);
|
|
setFavoriteStation(returnData);
|
|
})
|
|
.catch((d) => console.log(d));
|
|
}, []);
|
|
|
|
return (
|
|
<View style={{ height: "100%", backgroundColor: "#0099CC" }}>
|
|
<ScrollView style={{ height: "100%", backgroundColor: "white" }}>
|
|
{favoriteStation
|
|
.filter((d) => d[0].StationMap)
|
|
.map((currentStation) => {
|
|
console.log(currentStation);
|
|
return (
|
|
<ListItem
|
|
onPress={() => {
|
|
const getStationLine = (now) => {
|
|
const returnData = Object.keys(stationData).filter((d) => {
|
|
const cache = stationData[d].findIndex(
|
|
(data) => data.Station_JP == now.Station_JP
|
|
);
|
|
return cache != -1;
|
|
});
|
|
return returnData[0];
|
|
};
|
|
const lineName = getStationLine(currentStation[0]);
|
|
|
|
webview.current?.injectJavaScript(
|
|
`MoveDisplayStation('${lineName}_${currentStation[0].MyStation}_${currentStation[0].Station_JP}')`
|
|
);
|
|
navigate("Apps");
|
|
}}
|
|
>
|
|
<Text style={{ fontSize: 20, flex: 2 }}>
|
|
{currentStation
|
|
.map((d) => d.StationNumber)
|
|
.filter((d) => d !== null)
|
|
.join("/")}
|
|
</Text>
|
|
<Text style={{ fontSize: 20, flex: 3 }}>
|
|
{currentStation[0].Station_JP}
|
|
</Text>
|
|
<View
|
|
style={{
|
|
flex: 2,
|
|
flexDirection: "row",
|
|
alignContent: "center",
|
|
alignItems: "center",
|
|
}}
|
|
>
|
|
<View style={{ flex: 1 }} />
|
|
<Text style={{ fontSize: 20 }}>移動する</Text>
|
|
<Icon name="chevron-right" size={20} />
|
|
</View>
|
|
</ListItem>
|
|
);
|
|
})}
|
|
</ScrollView>
|
|
<Text
|
|
style={{
|
|
backgroundColor: "white",
|
|
borderWidth: 1,
|
|
borderStyle: "solid",
|
|
}}
|
|
>
|
|
お気に入り登録した駅のうち、位置情報システムで移動可能な駅が表示されています。タップすることで位置情報システムの当該の駅に移動します。
|
|
</Text>
|
|
<TouchableOpacity
|
|
style={{
|
|
padding: 10,
|
|
flexDirection: "row",
|
|
borderColor: "white",
|
|
borderWidth: 1,
|
|
margin: 10,
|
|
borderRadius: 5,
|
|
alignItems: "center",
|
|
}}
|
|
onPress={() => {
|
|
navigate("trainMenu");
|
|
}}
|
|
>
|
|
<View style={{ flex: 1 }} />
|
|
<Text style={{ fontSize: 25, fontWeight: "bold", color: "white" }}>
|
|
閉じる
|
|
</Text>
|
|
<View style={{ flex: 1 }} />
|
|
</TouchableOpacity>
|
|
</View>
|
|
);
|
|
}
|