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

現在地アイコン表示機能設置準備

Browse Source
This commit is contained in:
harukin-OneMix4 2023-07-07 02:03:00 +09:00
parent d3c9bca4d3
commit e8906495c2
1 changed files with 53 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
components/ActionSheetComponents/EachTrainInfo.js
View File

@ -28,6 +28,31 @@ export const EachTrainInfo = ({
}) => {
const [trainData, setTrainData] = useState([]);
const [isTop, setIsTop] = useState(true);
const [currentPosition, setCurrentPosition] = useState([]);
const getStationData = (stationName) => {
const Stations = stationList.map((a) =>
a.filter((d) => d.StationName == stationName)
);
const Station =
Stations &&
Stations.reduce((newArray, e) => {
return newArray.concat(e);
}, []);
if (!Station[0]) return [];
return Station.map((d) => d.StationNumber)[0];
};
useEffect(() => {
//data.trainData.Pos = "鴨川～端岡"; //test
if (!data.trainData?.Pos) return;
if (data.trainData?.Pos.match("～")) {
const pos = data.trainData?.Pos.split("～");
setCurrentPosition([getStationData(pos[0]), getStationData(pos[1])]);
} else {
setCurrentPosition([getStationData(data.trainData?.Pos)]);
}
}, [data.trainData]);
const stationList =
originalStationList &&
lineList.map((d) =>
@ -36,6 +61,25 @@ export const EachTrainInfo = ({
StationName: a.Station_JP,
}))
);
const stopStationIDList = trainData.map((i, index) => {
const [station, se, time] = i.split(",");
const Stations = stationList.map((a) =>
a.filter((d) => d.StationName == station)
);
const StationNumbers =
Stations &&
Stations.reduce((newArray, e) => {
return newArray.concat(e);
}, [])
.filter((d) => d.StationNumber)
.map((d) => d.StationNumber);
return StationNumbers[0];
});
console.log(
currentPosition.map((d) => {
return stopStationIDList.indexOf(d);
})
);
useEffect(() => {
console.log(data);
@ -134,8 +178,8 @@ export const EachTrainInfo = ({
margin: 10,
}}
>
<Text style={{ fontSize: 10, color: "#0099CC" }} t>
現在地
<Text style={{ fontSize: 15, color: "#0099CC" }}>
現在地 {currentPosition.toString()}
</Text>
<View style={{ flex: 1 }} />
{data.trainData?.Pos && data.trainData?.Pos.match("～") ? (
@ -178,7 +222,7 @@ export const EachTrainInfo = ({
margin: 10,
}}
>
<Text style={{ fontSize: 10, color: "#0099CC" }}>
<Text style={{ fontSize: 15, color: "#0099CC" }}>
{isNaN(data.trainData?.delay) ? "状態" : "遅延時分"}
</Text>
<View style={{ flex: 1 }} />
@ -202,7 +246,7 @@ export const EachTrainInfo = ({
margin: 10,
}}
>
<Text style={{ fontSize: 10, color: "#0099CC" }}>列番</Text>
<Text style={{ fontSize: 15, color: "#0099CC" }}>列番</Text>
<Text
style={{
fontSize: 32,
@ -329,6 +373,11 @@ export const EachTrainInfo = ({
<Text style={{ fontSize: 20 }}>{station}</Text>
<View style={{ flex: 1 }} />
<Text style={{ fontSize: 20 }}>
{/* {StationNumbers.length != 0 &&
(StationNumbers.includes(currentPosition[0])
? "にゃーん"
: "ほげ")}
{currentPosition} */}
{time} {se}
</Text>
</View>