diff --git a/App.js b/App.js index 09f879b..71f2d11 100644 --- a/App.js +++ b/App.js @@ -1,11 +1,11 @@ -import { StatusBar } from 'expo-status-bar'; -import { StyleSheet, Text, View } from 'react-native'; +import { StatusBar } from "expo-status-bar"; +import { StyleSheet, Text, View } from "react-native"; +import Home from "./pages/Home"; export default function App() { return ( - Open up App.js to start working on your app! - + ); } @@ -13,8 +13,8 @@ export default function App() { const styles = StyleSheet.create({ container: { flex: 1, - backgroundColor: '#fff', - alignItems: 'center', - justifyContent: 'center', + backgroundColor: "#fff", + alignItems: "center", + justifyContent: "center", }, }); diff --git a/package.json b/package.json index d80d65c..f107147 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,7 @@ "react": "17.0.2", "react-dom": "17.0.2", "react-native": "0.68.1", + "react-native-maps": "0.30.1", "react-native-web": "0.17.7" }, "devDependencies": { diff --git a/pages/Home.js b/pages/Home.js new file mode 100644 index 0000000..d699812 --- /dev/null +++ b/pages/Home.js @@ -0,0 +1,34 @@ +import React from "react"; +import MapView from "react-native-maps"; +import { StyleSheet, View, Dimensions } from "react-native"; + +const Home = () => { + return ( + + + + ); +}; + +const styles = StyleSheet.create({ + container: { + flex: 1, + backgroundColor: "#fff", + alignItems: "center", + justifyContent: "center", + }, + map: { + width: Dimensions.get("window").width, + height: Dimensions.get("window").height, + }, +}); + +export default Home; diff --git a/yarn.lock b/yarn.lock index b3c8f69..da4b0b6 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1675,6 +1675,11 @@ resolved "https://registry.yarnpkg.com/@sideway/pinpoint/-/pinpoint-2.0.0.tgz#cff8ffadc372ad29fd3f78277aeb29e632cc70df" integrity sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ== +"@types/geojson@^7946.0.7": + version "7946.0.8" + resolved "https://registry.yarnpkg.com/@types/geojson/-/geojson-7946.0.8.tgz#30744afdb385e2945e22f3b033f897f76b1f12ca" + integrity sha512-1rkryxURpr6aWP7R786/UQOkJ3PcpQiWkAXBmdWc7ryFWqN6a4xfK7BtjXvFBKO9LjQ+MWQSWxYeZX1OApnArA== + "@types/graceful-fs@^4.1.2": version "4.1.5" resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.5.tgz#21ffba0d98da4350db64891f92a9e5db3cdb4e15" @@ -5416,6 +5421,13 @@ react-native-gradle-plugin@^0.0.6: resolved "https://registry.yarnpkg.com/react-native-gradle-plugin/-/react-native-gradle-plugin-0.0.6.tgz#b61a9234ad2f61430937911003cddd7e15c72b45" integrity sha512-eIlgtsmDp1jLC24dRn43hB3kEcZVqx6DUQbR0N1ABXGnMEafm9I3V3dUUeD1vh+Dy5WqijSoEwLNUPLgu5zDMg== +react-native-maps@0.30.1: + version "0.30.1" + resolved "https://registry.yarnpkg.com/react-native-maps/-/react-native-maps-0.30.1.tgz#b227f3cbf68947bbd22fcf2b7470a7ab3a4f3fbb" + integrity sha512-VDgGygFcXwKLFNmdGb5DVy3DJhjP3qCe3txzDfeO6kQyNELj875ZbZMTYW84XsLUBFNpAWXKffWvMKHMQKv2Gg== + dependencies: + "@types/geojson" "^7946.0.7" + react-native-web@0.17.7: version "0.17.7" resolved "https://registry.yarnpkg.com/react-native-web/-/react-native-web-0.17.7.tgz#038899dbc94467a0ca0be214b88a30e0c117b176"