aswi2023one-team-to-rule-them-all-gitlab/src/components/plan/CastlePlanView.tsx @ aac857cf

import { VStack, Box, Text, HStack, ScrollView, Flex, Button, CloseIcon, IconButton, TextArea, useToast } from "native-base";
import { Note } from "../../types/note";
import React, { useCallback, useState } from "react";
import { Floor, Room } from "../../types/plan";

import MapView, { Marker } from 'react-native-maps';
import Svg, { Image, SvgXml } from 'react-native-svg';
import SvgImage from "react-native-svg/lib/typescript/elements/Image";

const CastlePlanView = (props: { mapImage : string, selectedRoom?: Room }) => {

    const { mapImage, selectedRoom } = props

    console.log(mapImage.substring(0,500))

    return (
        <Box h={300}>
            {/* Display the background image */}
            <SvgXml
                xml={mapImage}
            />

            {/* Display the MapView on top of the background image */}
            <MapView
                style={{ flex: 1 }}
            // Add other map-related props as needed
            >
            </MapView>
        </Box>
    );
}

export default CastlePlanView