停車駅情報等をsticky-headerに

components/ActionSheetComponents/EachTrainInfo.js

@@ -67,9 +67,6 @@ export const EachTrainInfo = (props) => {
     showNearTrain.forEach((d) => {
       const [station, se, time] = d.split(",");
 
-      console.log(trainData); //trainDataは現在の列車の停車駅リスト
-      console.log(station); //showNearTrainは裏列車の停車駅リスト
-      console.log(trainData[0]);
       if (station == trainData[0].split(",")[0])
         setHeadStation(trainData[0].split(",")[0]);
       if (station == trainData[trainData.length - 1].split(",")[0])
@@ -556,12 +553,23 @@ export const EachTrainInfo = (props) => {
             </View> */}
           </ScrollView>
         )}
+        <ScrollView
+          {...scrollHandlers}
+          style={{
+            maxHeight: heightPercentageToDP(
+              from == "AllTrainDiagramView" ? "70%" : "50%"
+            ),
+            backgroundColor: "white",
+          }}
+          stickyHeaderIndices={[0]}
+        >
           <View
             style={{
               alignItems: "center",
               backgroundColor: "white",
               flexDirection: "row",
             }}
+            index={0}
           >
             <View
               style={{
@@ -607,15 +615,6 @@ export const EachTrainInfo = (props) => {
               </View>
             </View>
           </View>
-        <ScrollView
-          {...scrollHandlers}
-          style={{
-            maxHeight: heightPercentageToDP(
-              from == "AllTrainDiagramView" ? "70%" : "50%"
-            ),
-            backgroundColor: "white",
-          }}
-        >
           {headStation && !isConcatNear && (
             <TouchableOpacity
               onPress={() => openBackTrainInfo(headStation)}