diff --git a/components/駅名表/NextPreStationLine.tsx b/components/駅名表/NextPreStationLine.tsx index cf1bd91..bdbe8d3 100644 --- a/components/駅名表/NextPreStationLine.tsx +++ b/components/駅名表/NextPreStationLine.tsx @@ -2,6 +2,7 @@ import React, { CSSProperties, FC } from "react"; import { widthPercentageToDP as wp } from "react-native-responsive-screen"; import { Text, TextStyle, View, ViewStyle } from "react-native"; import { StationName } from "./StationName"; +import lineColorList from "../../assets/originData/lineColorList"; export const NextPreStationLine = ({ nexStation, preStation, isMatsuyama }) => { return ( @@ -52,16 +53,25 @@ const BottomSideArrow: FC = ({ isMatsuyama, children }) => { }; const BottomStationNumberView: FC = ({ isMatsuyama, children }) => { + const lineID = children.slice(0, 1); + const lineName = children.slice(1); return ( - + - {children} + {lineID + "\n" + lineName} @@ -87,8 +97,8 @@ const 下枠駅ナンバー: ViewStyle = { width: wp("8%"), height: wp("8%"), margin: wp("1%"), - borderColor: "white", - borderWidth: parseInt("2%"), + backgroundColor: "white", + borderWidth: parseInt("3%"), borderRadius: parseInt("100%"), }; const 下枠駅ナンバーB: ViewStyle = { @@ -97,8 +107,7 @@ const 下枠駅ナンバーB: ViewStyle = { width: wp("7%"), height: wp("7%"), margin: wp("2%"), - borderColor: "black", backgroundColor: "white", - borderWidth: parseInt("2%"), + borderWidth: parseInt("3%"), borderRadius: parseInt("100%"), }; diff --git a/components/駅名表/StationNumberMaker.tsx b/components/駅名表/StationNumberMaker.tsx index 0961343..dbeef0e 100644 --- a/components/駅名表/StationNumberMaker.tsx +++ b/components/駅名表/StationNumberMaker.tsx @@ -41,6 +41,7 @@ export const StationNumberMaker = (props) => { padding: 0, textAlign: "center", color: "black", + fontWeight: "bold", }} > {lineID + "\n" + lineName}