SpecialTrainInfoをActionSheetに

components/Menu/FixedContentBottom.js

@@ -11,6 +11,7 @@ import Icon from "react-native-vector-icons/Entypo";
 import { TextBox } from "../atom/TextBox";
 import { TicketBox } from "../atom/TicketBox";
 import { SpecialTrainInfoBox } from "./SpecialTrainInfoBox";
+import { SheetManager } from "react-native-actions-sheet";
 
 export const FixedContentBottom = (props) => {
   return (
@@ -51,7 +52,6 @@ export const FixedContentBottom = (props) => {
           旅行ツアー
         </TicketBox>
       </View>
-      <SpecialTrainInfoBox navigate={props.navigate} />
       <TextBox
         backgroundColor="red"
         flex={1}
@@ -86,7 +86,9 @@ export const FixedContentBottom = (props) => {
         backgroundColor="#0099CC"
         flex={1}
         onPressButton={() =>
-          Linking.openURL("https://www.jr-shikoku.co.jp/sp/index.html#menu-box")
+          SheetManager.show("SpecialTrainInfo", {
+            payload: { navigate: props.navigate },
+          })
         }
       >
         <Text style={{ color: "white", fontWeight: "bold", fontSize: 20 }}>