From fdacc00f93f95f4d07c119585cde2a8cf7b26e45 Mon Sep 17 00:00:00 2001
From: harukin-expo-dev-env <harukin@haruk.in>
Date: Fri, 11 Apr 2025 11:18:51 +0000
Subject: [PATCH] =?UTF-8?q?menu=E3=81=AB=E6=96=B0=E3=81=97=E3=81=84?=
 =?UTF-8?q?=E6=A6=82=E5=BF=B5=E3=82=92=E4=BD=9C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 menu.js | 34 +++++++++++++++++++++++++++++-----
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/menu.js b/menu.js
index 42a8592..644953e 100644
--- a/menu.js
+++ b/menu.js
@@ -8,7 +8,7 @@ import {
   Text,
   TouchableOpacity,
   LayoutAnimation,
-  Dimensions,
+  useWindowDimensions,
 } from "react-native";
 import Constants from "expo-constants";
 import * as Location from "expo-location";
@@ -42,6 +42,16 @@ export default function Menu({ getCurrentTrain }) {
   const { navigate } = useNavigation();
   const { favoriteStation } = useFavoriteStation();
   const { originalStationList } = useStationList();
+  const { height, width } = useWindowDimensions();
+  const scrollRef = useRef(null);
+  useEffect(() => {
+    if (scrollRef.current) {
+      scrollRef.current.scrollTo({
+        y: (height / 100) * 60 - (((width / 100) * 80) / 20) * 9 + 30,
+        animated: false,
+      });
+    }
+  }, []);
 
   //位置情報
   const [locationStatus, setLocationStatus] = useState(null);
@@ -131,7 +141,7 @@ export default function Menu({ getCurrentTrain }) {
   }, [selectedCurrentStation]);
 
   //全列車ダイヤリストを作成するuseEffect
-  const { allTrainDiagram:trainDiagram} = useAllTrainDiagram();
+  const { allTrainDiagram: trainDiagram } = useAllTrainDiagram();
 
   const oPSign = () => {
     const payload = {
@@ -165,7 +175,6 @@ export default function Menu({ getCurrentTrain }) {
     );
     setDotButton(!dotButton);
   };
-  const width = Dimensions.get("window").width;
   return (
     <View
       style={{
@@ -176,14 +185,29 @@ export default function Menu({ getCurrentTrain }) {
     >
       <StatusbarDetect />
       <TitleBar />
-      <ScrollView>
+      <ScrollView
+        stickyHeaderIndices={[0, 2]}
+        ref={scrollRef}
+        snapToStart={false}
+        snapToEnd={false}
+        decelerationRate={"normal"}
+        snapToOffsets={[
+          (height / 100) * 60 - (((width / 100) * 80) / 20) * 9 + 30,
+        ]}
+      >
         <TopMenuButton />
+        <View
+          style={{
+            height: (height / 100) * 60 - (((width / 100) * 80) / 20) * 9 + 30,
+          }}
+        ></View>
+        <></>
         {originalStationList.length != 0 && allStationData.length != 0 && (
           <View style={{ flex: 1, paddingTop: 10 }}>
             <Carousel
               ref={carouselRef}
               data={originalStationList && allStationData}
-              height={(wp("80%") / 20) * 9 + 10}
+              height={(((width / 100) * 80) / 20) * 9 + 10}
               pagingEnabled={true}
               snapEnabled={true}
               loop={false}