SafeAreaContextを適用

App.js

@@ -29,6 +29,7 @@ import { AllTrainDiagramProvider } from "./stateBox/useAllTrainDiagram.js";
 import { SheetProvider } from "react-native-actions-sheet";
 import "./components/ActionSheetComponents/sheets.js";
 import { TrainDelayDataProvider } from "./stateBox/useTrainDelayData.js";
+import { SafeAreaProvider } from "react-native-safe-area-context";
 LogBox.ignoreLogs([
   "ViewPropTypes will be removed",
   "ColorPropType will be removed",
@@ -43,6 +44,7 @@ if (Platform.OS === "android") {
 export default function App() {
   useEffect(() => UpdateAsync(), []);
   return (
+    <SafeAreaProvider>
       <FavoriteStationProvider>
         <TrainDelayDataProvider>
           <CurrentTrainProvider>
@@ -58,6 +60,7 @@ export default function App() {
           </CurrentTrainProvider>
         </TrainDelayDataProvider>
       </FavoriteStationProvider>
+    </SafeAreaProvider>
   );
 }
 export function AppContainer() {

components/ActionSheetComponents/EachTrainInfo.js

@@ -15,6 +15,7 @@ import ActionSheet, {
   SheetManager,
   useScrollHandlers,
 } from "react-native-actions-sheet";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { AS } from "../../storageControl";
 import LottieView from "lottie-react-native";
 import trainList from "../../assets/originData/trainList";
@@ -65,7 +66,7 @@ export const EachTrainInfo = (props) => {
       })
       .catch((d) => AS.setItem("trainPositionSwitch", "false"));
   }, []);
-
+  const insets = useSafeAreaInsets();
   const getStationData = (stationName) => {
     const Stations = stationList.map((a) =>
       a.filter((d) => d.StationName == stationName)
@@ -264,6 +265,9 @@ export const EachTrainInfo = (props) => {
       CustomHeaderComponent={<></>}
       ref={actionSheetRef}
       drawUnderStatusBar={false}
+      containerStyle={{
+        paddingBottom: insets.bottom,
+      }}
     >
       <View
         style={{