From 93529f4f7deb24152ad1f7ccc5802f0d5373ce72 Mon Sep 17 00:00:00 2001
From: harukin-OneMix4 <harukin@haruk.in>
Date: Sun, 11 Feb 2024 23:54:55 +0900
Subject: [PATCH] =?UTF-8?q?=E5=B9=85=E6=8C=87=E5=AE=9A=E3=82=92useWindowDi?=
 =?UTF-8?q?mensions=E3=81=AB=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Apps.js                                              | 12 +-----------
 .../EachTrainInfo/TrainDataView.js                   | 10 ++++++++--
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/Apps.js b/Apps.js
index b30d5f6..1df2b4a 100644
--- a/Apps.js
+++ b/Apps.js
@@ -1,10 +1,4 @@
-import React, {
-  useEffect,
-  useLayoutEffect,
-  useRef,
-  useState,
-  useCallback,
-} from "react";
+import React, { useEffect, useState } from "react";
 import {
   View,
   Platform,
@@ -16,10 +10,6 @@ import { WebView } from "react-native-webview";
 import Constants from "expo-constants";
 import { Ionicons } from "@expo/vector-icons";
 
-import {
-  widthPercentageToDP as wp,
-  heightPercentageToDP as hp,
-} from "react-native-responsive-screen";
 import { AS } from "./storageControl";
 import { news } from "./config/newsUpdate";
 import { getStationList, lineList } from "./lib/getStationList";
diff --git a/components/ActionSheetComponents/EachTrainInfo/TrainDataView.js b/components/ActionSheetComponents/EachTrainInfo/TrainDataView.js
index cf73398..449786c 100644
--- a/components/ActionSheetComponents/EachTrainInfo/TrainDataView.js
+++ b/components/ActionSheetComponents/EachTrainInfo/TrainDataView.js
@@ -1,5 +1,10 @@
 import React from "react";
-import { View, Text, TouchableOpacity } from "react-native";
+import {
+  View,
+  Text,
+  TouchableOpacity,
+  useWindowDimensions,
+} from "react-native";
 import { StateBox } from "./StateBox";
 import {
   heightPercentageToDP,
@@ -13,13 +18,14 @@ export const TrainDataView = ({
   openTrainInfo,
   mode = 0,
 }) => {
+  const { width, height } = useWindowDimensions();
   return (
     <View
       style={{
         flexDirection: "row",
         //minHeight: 200,
         //height: heightPercentageToDP("20%"),
-        width: widthPercentageToDP("100%"),
+        width: width,
         flex: 1,
       }}
     >