Merge commit '57459d975bbe3a1b4e145331b57a638b2c2fead5'

App.js

@@ -45,17 +45,17 @@ export default function App() {
   return (
     <FavoriteStationProvider>
       <TrainDelayDataProvider>
-        <SheetProvider>
         <CurrentTrainProvider>
           <AreaInfoProvider>
             <AllTrainDiagramProvider>
               <BusAndTrainDataProvider>
+                <SheetProvider>
                   <AppContainer />
+                </SheetProvider>
               </BusAndTrainDataProvider>
             </AllTrainDiagramProvider>
           </AreaInfoProvider>
         </CurrentTrainProvider>
-        </SheetProvider>
       </TrainDelayDataProvider>
     </FavoriteStationProvider>
   );

components/ActionSheetComponents/EachTrainInfo.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useState, useRef } from "react";
 import {
   View,
   LayoutAnimation,
@@ -11,7 +11,10 @@ import {
   Platform,
 } from "react-native";
 import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
-import ActionSheet, { SheetManager } from "react-native-actions-sheet";
+import ActionSheet, {
+  SheetManager,
+  useScrollHandlers,
+} from "react-native-actions-sheet";
 import { AS } from "../../storageControl";
 import LottieView from "lottie-react-native";
 import trainList from "../../assets/originData/trainList";
@@ -239,13 +242,18 @@ export const EachTrainInfo = (props) => {
       .replace("マリン", "マリンライナー")
       .replace("ライナーライナー", "ライナー");
   };
-
+  const actionSheetRef = useRef(null);
+  const scrollHandlers = useScrollHandlers("scrollview-1", actionSheetRef);
   return (
-    <ActionSheet gestureEnabled={isTop} CustomHeaderComponent={<></>}>
+    <ActionSheet
+      gestureEnabled={isTop}
+      CustomHeaderComponent={<></>}
+      ref={actionSheetRef}
+    >
       <View
         style={{
           backgroundColor: "#0099CC",
-          borderRadius: 5,
+          borderTopRadius: 5,
           borderColor: "dark",
           borderWidth: 1,
         }}
@@ -504,21 +512,19 @@ export const EachTrainInfo = (props) => {
           </ScrollView>
         )}
         <ScrollView
-          style={{ maxHeight: heightPercentageToDP("55%") }}
+          {...scrollHandlers}
+          style={{
+            maxHeight: heightPercentageToDP(
+              from == "AllTrainDiagramView" ? "70%" : "50%"
+            ),
+          }}
           nestedScrollEnabled
           onScroll={(e) => {
             if (!Platform.OS !== "android") return;
             setIsTop(e.nativeEvent.contentOffset.y < 0);
           }}
         >
-          <View
-            style={{
-              padding: 10,
-              backgroundColor: "white",
-              borderBottomLeftRadius: 5,
-              borderBottomRightRadius: 5,
-            }}
-          >
+          <View style={{ padding: 10, backgroundColor: "white" }}>
             <View style={{ alignItems: "center" }}>
               {/* <LottieView
                 autoPlay

components/ActionSheetComponents/JRSTraInfo.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useRef } from "react";
 import {
   View,
   LayoutAnimation,
@@ -8,18 +8,24 @@ import {
   TouchableOpacity,
 } from "react-native";
 import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
-import ActionSheet from "react-native-actions-sheet";
+import ActionSheet, { useScrollHandlers } from "react-native-actions-sheet";
 import LottieView from "lottie-react-native";
 import { useTrainDelayData } from "../../stateBox/useTrainDelayData";
 export const JRSTraInfo = () => {
   const { getTime, delayData, loadingDelayData, setLoadingDelayData } =
     useTrainDelayData();
+  const actionSheetRef = useRef(null);
+  const scrollHandlers = useScrollHandlers("scrollview-1", actionSheetRef);
   return (
-    <ActionSheet gestureEnabled CustomHeaderComponent={<></>}>
+    <ActionSheet
+      gestureEnabled
+      CustomHeaderComponent={<></>}
+      ref={actionSheetRef}
+    >
       <View
         style={{
           backgroundColor: "#0099CC",
-          borderRadius: 5,
+          borderTopRadius: 5,
           borderColor: "dark",
           borderWidth: 1,
         }}
@@ -63,13 +69,11 @@ export const JRSTraInfo = () => {
             }}
           />
         </View>
-        <ScrollView>
+        <ScrollView {...scrollHandlers}>
           <View
             style={{
               padding: 10,
               backgroundColor: "white",
-              borderBottomLeftRadius: 5,
-              borderBottomRightRadius: 5,
             }}
           >
             {loadingDelayData ? (

components/ActionSheetComponents/StationDeteilView.js

@@ -50,7 +50,7 @@ export const StationDeteilView = (props) => {
         key={currentStation}
         style={{
           backgroundColor: "white",
-          borderRadius: 5,
+          borderTopRadius: 5,
           borderColor: "dark",
           borderWidth: 1,
         }}

components/AllTrainDiagramView.js

@@ -5,6 +5,7 @@ import {
   TouchableOpacity,
   Linking,
   ScrollView,
+  FlatList,
 } from "react-native";
 import MapView, { Marker } from "react-native-maps";
 import { MaterialCommunityIcons } from "@expo/vector-icons";
@@ -58,12 +59,14 @@ export default function AllTrainDiagramView({ navigation: { navigate } }) {
   };
   return (
     <View style={{ backgroundColor: "#0099CC", height: "100%" }}>
-      <ScrollView>
-        {keyList &&
-          keyList.map((key) => (
-            <Item openTrainInfo={openTrainInfo} key={key} id={key} />
-          ))}
-      </ScrollView>
+      <FlatList
+        data={keyList}
+        renderItem={({ item }) => (
+          <Item openTrainInfo={openTrainInfo} id={item} />
+        )}
+        keyExtractor={(item) => item}
+        initialNumToRender={100}
+      />
 
       <TouchableOpacity
         style={{

components/atom/TextBox.js

@@ -7,8 +7,8 @@ export const TextBox = (props) => {
       style={{
         flex: flex,
         backgroundColor: backgroundColor,
-        padding: 10,
-        height: 70,
+        padding: 5,
+        minHeight: 70,
         alignItems: "center",
         alignContent: "center",
         margin: 2,

components/settings.js

@@ -165,7 +165,7 @@ export default function Setting(props) {
                 textAlignVertical: "center",
               }}
             >
-              内部バージョン: 4.6
+              内部バージョン: 4.6.1
             </Text>
             <View style={{ flex: 1 }} />
           </View>

menu.js

@@ -678,7 +678,7 @@ const FixedContentBottom = (props) => {
           列番探索
         </Text>
         <Text style={{ color: "white", fontSize: 18 }}>
-          データベースに存在する全列車のダイヤを確認できる機能です。
+          データベースに存在する全列車のダイヤを探索
         </Text>
       </TextBox>
       <Text style={{ fontWeight: "bold", fontSize: 20 }}>