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"