как расположить значок относительно изображения, используя реагировать

Question

У меня есть изображение карты этажа, и у меня есть значок маркера булавки, и, используя координаты x, y, я устанавливаю положение значка булавки, но проблема в (x, y) булавки относительно окнаэмулятора, а не изображения,

как установить положение значка относительно изображения?

import React, { Component } from "react";
import { View, Dimensions } from "react-native";
import Image from "react-native-scalable-image";
export default class App extends Component {
constructor(props) {
super(props);
this.state = {
  childX: "360",
  childY: "180"
};
}
 render() {
return (
  <Image
    width={Dimensions.get("window").width}
    source={require("./bg2.jpg")}
    background={true}
  >
    <Image
      style={{
        transform: [
          { translateX: parseFloat(this.state.childX) },
          { translateY: parseFloat(this.state.childY) }
        ]
      }}
      source={{
        uri:
          "http://www.myiconfinder.com/uploads/iconsets/24-24-7a195b78d9607a48fb234f98634fa5ea-pin.png"
      }}
    />
  </Image>
);
  }
   }