Revize 5cee436e

re #10871: PlanViewPage: fullScreenMode

src/components/plan/CastlePlanView.tsx

@@ -10 +10 @@
 import { PlanImage, Room } from '../../types/plan';
 import Svg, { SvgXml } from 'react-native-svg';
 
-const CastlePlanView = (props: { mapImage: PlanImage, roomList: Room[], selectedRoom?: Room }) => {
+const CastlePlanView = (props: { mapImage: PlanImage, roomList: Room[], selectedRoom?: Room, fullScreenMode?: boolean }) => {
 
     const DEFAULT_SCALE = 1
     const MIN_SCALE = 0.95
 
     const MAP_VIEW_SIZE = {
-        height : 400,
-        width : "100%"
+        height: 500,
+        width: "100%"
     }
 
-    const { mapImage, roomList, selectedRoom } = props;
+    const { mapImage, roomList, selectedRoom, fullScreenMode } = props;
 
     const panRef = useRef<React.ReactElement>();
     const pinchRef = useRef<React.ReactElement>();
@@ -68 +68 @@
         };
     });
 
+    console.log(fullScreenMode)
+
+    console.log(Dimensions.get('window').height)
+    console.log(Dimensions.get('window').width)
+
     return (
         // container
-        <Box width={MAP_VIEW_SIZE.width} height={MAP_VIEW_SIZE.height} style={{ borderColor: "#F5F5F", borderWidth: 1, overflow: "hidden" }}>
+        <Box
+            width={!fullScreenMode ? MAP_VIEW_SIZE.width : Dimensions.get('window').width - 5}
+            height={!fullScreenMode ? MAP_VIEW_SIZE.height : Dimensions.get('window').height - 62.5}
+            // @ts-ignore
+            style={
+                fullScreenMode ? {
+                    marginTop: 2.5,
+                    marginLeft: 2.5,
+                    marginRight: 2.5,
+                }
+                    :
+                    { borderColor: "#F5F5F", borderWidth: 1, overflow: "hidden" }
+            }>
             <PinchGestureHandler
                 ref={pinchRef}
                 // @ts-ignore