メニューを左上に移動

2022-09-29 23:49:06 +09:00
parent dc089cf8f0
commit bc464e8374
4 changed files with 83 additions and 2 deletions
--- a/components/ActionSheetComponents/StationDeteilView.js
+++ b/components/ActionSheetComponents/StationDeteilView.js
@@ -0,0 +1,80 @@
+export const StationDeteilView = (props) => {
+  return (
+    <ActionSheet
+      ref={StationBoardAcSR}
+      gestureEnabled
+      CustomHeaderComponent={() => {}}
+    >
+      <View
+        style={{
+          backgroundColor: "white",
+          borderRadius: 5,
+          borderColor: "dark",
+          borderWidth: 1,
+        }}
+      >
+        <View style={{ height: 26, width: "100%" }}>
+          <View
+            style={{
+              height: 6,
+              width: 45,
+              borderRadius: 100,
+              backgroundColor: "#f0f0f0",
+              marginVertical: 10,
+              alignSelf: "center",
+            }}
+          />
+        </View>
+        <ScrollView>
+          {currentStation && (
+            <Sign
+              currentStation={currentStation}
+              originalStationList={originalStationList}
+              oP={() => Linking.openURL(currentStation[0].StationTimeTable)}
+            />
+          )}
+          {currentStation && (
+            <View style={{ flexDirection: "row" }}>
+              {!currentStation[0].JrHpUrl || (
+                <TicketBox
+                  backgroundColor={"#AD7FA8"}
+                  icon={<Foundation name="web" color="white" size={50} />}
+                  flex={1}
+                  onPressButton={() =>
+                    Linking.openURL(currentStation[0].JrHpUrl)
+                  }
+                >
+                  web
+                </TicketBox>
+              )}
+              {!currentStation[0].StationTimeTable || (
+                <TicketBox
+                  backgroundColor={"#8F5902"}
+                  icon={<FontAwesome name="table" color="white" size={50} />}
+                  flex={1}
+                  onPressButton={() =>
+                    Linking.openURL(currentStation[0].StationTimeTable)
+                  }
+                >
+                  時刻表
+                </TicketBox>
+              )}
+              {!currentStation[0].StationMap || (
+                <TicketBox
+                  backgroundColor={"#888A85"}
+                  icon={<Ionicons name="map" color="white" size={50} />}
+                  flex={1}
+                  onPressButton={() =>
+                    Linking.openURL(currentStation[0].StationMap)
+                  }
+                >
+                  GoogleMap
+                </TicketBox>
+              )}
+            </View>
+          )}
+        </ScrollView>
+      </View>
+    </ActionSheet>
+  );
+};