路線色の定義

assets/originData/lineColorList.js

@@ -0,0 +1,11 @@
+export default {
+  Y: "#F5AC13",
+  U: "#F5AC13",
+  S: "#9AA7D7",
+  D: "#DC4586",
+  K: "#DC4586",
+  B: "#366481",
+  N: "#881F61",
+  T: "#87CA3B",
+  M: "#0071be",
+};

components/ActionSheetComponents/StationDeteilView.js

@@ -18,6 +18,7 @@ import {
   widthPercentageToDP as wp,
   heightPercentageToDP as hp,
 } from "react-native-responsive-screen";
+import lineColorList from "../../assets/originData/lineColorList";
 
 export const StationDeteilView = (props) => {
   const {
@@ -189,7 +190,9 @@ const NexPreStationLine = ({
     <View
       style={{
         height: 50,
-        backgroundColor: "red",
+        backgroundColor: lineName
+          ? lineColorList[lineName.split("[")[1].replace("]", "")]
+          : "red",
         flexDirection: "row",
         alignContent: "center",
         alignItems: "center",
@@ -318,6 +321,7 @@ const styleSheet = {
     flex: 1,
     flexDirection: "row",
     alignContent: "center",
+    height: wp("10%"),
   },
   下枠左右マーク: {
     fontWeight: "bold",
@@ -341,6 +345,8 @@ const styleSheet = {
     fontSize: parseInt("15%"),
     color: "white",
     flex: 1,
+    paddingHorizontal: 0,
+    marginVertical: 0,
     textAlignVertical: "center",
   },
 };