EachTrainInfoの可変を実装

components/ActionSheetComponents/EachTrainInfo/TrainDataView.js

@@ -11,17 +11,20 @@ export const TrainDataView = ({
   currentPosition,
   nearTrainIDList,
   openTrainInfo,
+  mode = 0,
 }) => {
   return (
     <View
       style={{
         flexDirection: "row",
-        minHeight: 200,
-        height: heightPercentageToDP("20%"),
+        //minHeight: 200,
+        //height: heightPercentageToDP("20%"),
         width: widthPercentageToDP("100%"),
+        flex: 1,
       }}
     >
       <StateBox
+        mode={mode}
         title={`現在地 ${currentPosition.toString()}`}
         text={
           currentTrainData?.Pos.match("～")
@@ -37,9 +40,10 @@ export const TrainDataView = ({
             : currentTrainData?.Pos
         }
       />
-      <View style={{ flex: 1, flexDirection: "column" }}>
+      <View style={{ flex: 1, flexDirection: mode == 2 ? "row" : "column" }}>
         <View style={{ flex: 1, flexDirection: "row" }}>
           <StateBox
+            mode={mode}
             title={isNaN(currentTrainData?.delay) ? "状態" : "遅延時分"}
             text={`${currentTrainData?.delay}${
               isNaN(currentTrainData?.delay) ? "" : "分"
@@ -55,9 +59,10 @@ export const TrainDataView = ({
           }}
         >
           {nearTrainIDList.length == 0 ? (
-            <StateBox title="列番" text={currentTrainData?.num} />
+            <StateBox mode={mode} title="列番" text={currentTrainData?.num} />
           ) : (
             <StateBox
+              mode={mode}
               title="増解結相手を表示▶️"
               text={`${nearTrainIDList}`}
               style={{