StelySS

Scooty - MapPageAfterRent

Aug 19th, 2019
64
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React, { Component } from "react";
  2. import { StyleSheet, View, Image } from "react-native";
  3. import { Center } from "@builderx/utils";
  4. import MaterialFixedLabelTextbox from "../symbols/MaterialFixedLabelTextbox";
  5. import MaterialButtonDark from "../symbols/MaterialButtonDark";
  6.  
  7. export default class MapPageAfterRent extends Component {
  8. render() {
  9. return (
  10. <View style={styles.root}>
  11. <Center>
  12. <Image
  13. source={require("../assets/images/GoogleMapTA_(1)1.jpg")}
  14. resizeMode={"contain"}
  15. style={styles.YourLocationIconSample}
  16. />
  17. </Center>
  18. <MaterialFixedLabelTextbox style={styles.YourScooter} />
  19. <Image
  20. source={require("../assets/images/map-location-icon-png-4.png")}
  21. resizeMode={"contain"}
  22. style={styles.LocationIconSample}
  23. />
  24. <MaterialButtonDark style={styles.EndButton} />
  25. </View>
  26. );
  27. }
  28. }
  29.  
  30. const styles = StyleSheet.create({
  31. root: {
  32. flex: 1,
  33. backgroundColor: "rgba(111,157,205,1)"
  34. },
  35. YourLocationIconSample: {
  36. width: 400,
  37. height: 640,
  38. position: "absolute"
  39. },
  40. YourScooter: {
  41. top: 20,
  42. left: 10,
  43. width: 340,
  44. height: 43,
  45. position: "absolute"
  46. },
  47. LocationIconSample: {
  48. top: 320,
  49. left: 160,
  50. width: 60,
  51. height: 60,
  52. position: "absolute"
  53. },
  54. EndButton: {
  55. top: 550,
  56. left: 105,
  57. width: 150,
  58. height: 46,
  59. position: "absolute"
  60. }
  61. });
RAW Paste Data