|
@@ -1,5 +1,6 @@
|
|
|
import { View, Text } from 'react-native'
|
|
|
import React from 'react'
|
|
|
+import { Image } from 'react-native-svg'
|
|
|
import BasementC from './MainMapComponent/images/BasementC.svg'
|
|
|
import FirstFloorC from './MainMapComponent/images/FirstFloorC.svg'
|
|
|
import SecondFloorC from './MainMapComponent/images/SecondFloorC.svg'
|
|
@@ -10,12 +11,12 @@ import FifthFloorC from './MainMapComponent/images/FifthFloorC.svg'
|
|
|
// export const IndoorFloor: React.FC<{floorNum: number}> = (props) => {
|
|
|
function IndoorFloor(props) {
|
|
|
const compArray = [
|
|
|
- <BasementC style={{ opacity: 0.7 }} height={"100%"} width={"100%"} />,
|
|
|
- <FirstFloorC style={{ opacity: 0.7 }} height={"100%"} width={"100%"} />,
|
|
|
- <SecondFloorC style={{ opacity: 0.7 }} height={"100%"} width={"100%"} />,
|
|
|
- <ThirdFloorC viewBox='250 136 310 310' style={{ opacity: 0.7 }} height={"100%"} width={"100%"} />,
|
|
|
- <FourthFloorC viewBox='260 151 270 260' style={{ opacity: 0.7 }} height={"100%"} width={"100%"} />,
|
|
|
- <FifthFloorC viewBox='257 153 270 290' style={{ opacity: 0.7 }} height={"100%"} width={"100%"} />,
|
|
|
+ <Image height={"100%"} width={"100%"} href={require('./MainMapComponent/images/basement.png')} />,
|
|
|
+ <Image height={'100%'} width="100%" href={require('./MainMapComponent/images/firstfloor.png')} />,
|
|
|
+ <Image height={"100%"} width={"100%"} href={require('./MainMapComponent/images/secondfloor.png')} />,
|
|
|
+ <Image height={"100%"} width={"100%"} href={require('./MainMapComponent/images/thirdfloor.png')} />,
|
|
|
+ <Image height={"100%"} width={"100%"} href={require('./MainMapComponent/images/fourthfloor.png')} />,
|
|
|
+ <Image height={"100%"} width={"100%"} href={require('./MainMapComponent/images/fifthfloor.png')} />,
|
|
|
]
|
|
|
|
|
|
return compArray[props.floorNum]
|