Files
jrshikoku/components/ActionSheetComponents/EachTrainInfo/LongHeader.tsx
harukin-expo-dev-env 2d0c7605f6 部分的にtsxへ移動
2025-09-11 17:10:44 +00:00

37 lines
907 B
TypeScript

import React, { FC } from "react";
import { ScrollView } from "react-native";
import { TrainDataView } from "./TrainDataView";
import { trainDataType } from "@/lib/trainPositionTextArray";
type props = {
currentTrainData: trainDataType;
currentPosition: string[] | undefined;
nearTrainIDList: string[];
openTrainInfo: (f: string) => void;
navigate: (screen: string, data?: any) => void;
}
export const LongHeader:FC<props> = ({
currentTrainData,
currentPosition,
nearTrainIDList,
openTrainInfo,
navigate,
}) => {
return (
<ScrollView
style={{
flexDirection: "row",
}}
horizontal
pagingEnabled
>
<TrainDataView
currentTrainData={currentTrainData}
currentPosition={currentPosition}
nearTrainIDList={nearTrainIDList}
openTrainInfo={openTrainInfo}
navigate={navigate}
/>
</ScrollView>
);
};