また最適化

components/ActionSheetComponents/EachTrainInfo.js

@@ -266,10 +266,14 @@ export const EachTrainInfo = (props) => {
       ref={actionSheetRef}
       drawUnderStatusBar={false}
       isModal={Platform.OS == "ios"}
-      containerStyle={{
+      containerStyle={
+        Platform.OS == "android"
+          ? {
               paddingBottom: insets.bottom,
-      }}
+            }
-      useBottomSafeAreaPadding={true}
+          : {}
+      }
+      useBottomSafeAreaPadding={Platform.OS == "android"}
     >
       <View
         style={{

components/ActionSheetComponents/JRSTraInfo.js

@@ -11,18 +11,28 @@ import {
 import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
 import ActionSheet, { useScrollHandlers } from "react-native-actions-sheet";
 import LottieView from "lottie-react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { useTrainDelayData } from "../../stateBox/useTrainDelayData";
 export const JRSTraInfo = () => {
   const { getTime, delayData, loadingDelayData, setLoadingDelayData } =
     useTrainDelayData();
   const actionSheetRef = useRef(null);
   const scrollHandlers = useScrollHandlers("scrollview-1", actionSheetRef);
+  const insets = useSafeAreaInsets();
   return (
     <ActionSheet
       gestureEnabled
       CustomHeaderComponent={<></>}
       ref={actionSheetRef}
       isModal={Platform.OS == "ios"}
+      containerStyle={
+        Platform.OS == "android"
+          ? {
+              paddingBottom: insets.bottom,
+            }
+          : {}
+      }
+      useBottomSafeAreaPadding={Platform.OS == "android"}
     >
       <View
         style={{

components/ActionSheetComponents/StationDeteilView.js

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from "react";
 import { View, Linking, Text, TouchableOpacity, Platform } from "react-native";
 import AutoHeightImage from "react-native-auto-height-image";
 import { FontAwesome, Foundation, Ionicons } from "@expo/vector-icons";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 import ActionSheet from "react-native-actions-sheet";
 import Sign from "../../components/駅名表/Sign";
 
@@ -44,8 +45,21 @@ export const StationDeteilView = (props) => {
     (currentStation[0].StationTimeTable.match(".pdf")
       ? getPDFViewURL(currentStation[0].StationTimeTable)
       : currentStation[0].StationTimeTable);
+  const insets = useSafeAreaInsets();
   return (
-    <ActionSheet gestureEnabled CustomHeaderComponent={<></>} isModal={false}>
+    <ActionSheet
+      gestureEnabled
+      CustomHeaderComponent={<></>}
+      isModal={Platform.OS == "ios"}
+      containerStyle={
+        Platform.OS == "android"
+          ? {
+              paddingBottom: insets.bottom,
+            }
+          : {}
+      }
+      useBottomSafeAreaPadding={Platform.OS == "android"}
+    >
       <View
         key={currentStation}
         style={{