Scooty - MapPageBeforeRent

import React, { Component } from "react";
import { StyleSheet, View, Image } from "react-native";
import MaterialButtonDark from "../symbols/MaterialButtonDark";

export default class MapPageBeforeRent extends Component {
  render() {
    return (
      <View style={styles.root}>
        <Image
          source={require("../assets/images/map-1400x800_(1).jpg")}
          resizeMode={"contain"}
          style={styles.MapSample}
        />
        <MaterialButtonDark style={styles.RentButton} />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  root: {
    flex: 1,
    backgroundColor: "rgba(111,157,205,1)"
  },
  MapSample: {
    top: -10,
    left: -70,
    width: 500,
    height: 650,
    position: "absolute"
  },
  RentButton: {
    top: 500,
    left: "29.17%",
    width: 150,
    height: 66,
    position: "absolute"
  }
});