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 2024-01-03 00:01:20 +09:00
parent f72ac1d97b
commit 60d8caaefa
1 changed files with 37 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
components/駅名表/Sign.js
View File

@ -6,6 +6,8 @@ import { useInterval } from "../../lib/useInterval";
import { AS } from "../../storageControl"; import { AS } from "../../storageControl";
import { useFavoriteStation } from "../../stateBox/useFavoriteStation"; import { useFavoriteStation } from "../../stateBox/useFavoriteStation";
import lineColorList from "../../assets/originData/lineColorList";
export default function Sign(props) { export default function Sign(props) {
const { currentStation, originalStationList, oP, oLP } = props; const { currentStation, originalStationList, oP, oLP } = props;
const { favoriteStation, setFavoriteStation } = useFavoriteStation(); const { favoriteStation, setFavoriteStation } = useFavoriteStation();
@ -24,7 +26,7 @@ export default function Sign(props) {
return false; return false;
} }
}); });
setTestButtonStatus(isFavorite.length != 0); setTestButtonStatus(isFavorite.length == 0 ? false : true);
}, [favoriteStation, currentStation]); }, [favoriteStation, currentStation]);
useInterval(() => { useInterval(() => {
@ -220,7 +222,10 @@ const StationNumberMaker = (props) => {
}; };
return props.currentStation return props.currentStation
.filter((d) => (d.StationNumber ? true : false)) .filter((d) => (d.StationNumber ? true : false))
.map((d, index, array) => ( .map((d, index, array) => {
const lineID = d.StationNumber.slice(0, 1);
const lineName = d.StationNumber.slice(1);
return (
<View <View
style={{ style={{
position: "absolute", position: "absolute",
@ -230,17 +235,27 @@ const StationNumberMaker = (props) => {
right: "10%", right: "10%",
width: wp("10%"), width: wp("10%"),
height: wp("10%"), height: wp("10%"),
borderColor: "#2E94BB", borderColor: lineColorList[lineID],
borderWidth: parseInt("2%"), borderWidth: parseInt("3%"),
borderRadius: parseInt("100%"), borderRadius: parseInt("100%"),
}} }}
key={array[index].StationNumber} key={array[index].StationNumber}
> >
<View style={{ flex: 1 }} /> <View style={{ flex: 1 }} />
<Text style={{ fontSize: parseInt("20%") }}>{d.StationNumber}</Text> <Text
style={{
fontSize: parseInt("15%"),
margin: 0,
padding: 0,
textAlign: "center",
}}
>
{lineID + "\n" + lineName}
</Text>
<View style={{ flex: 1 }} /> <View style={{ flex: 1 }} />
</View> </View>
)); );
});
}; };
const StationNameArea = (props) => { const StationNameArea = (props) => {