Merge pull request #22 from miallo/fix-own-position-and-styles

Fix own position marker and forward styles

Author: pavel-corsaghin

src/LeafletView/index.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { WebView } from 'react-native-webview';
+import { WebView, WebViewProps } from 'react-native-webview';
 import {
   MapMarker,
   WebviewLeafletMessage,
@@ -49,6 +49,7 @@ export type LeafletViewProps = {
   zoom?: number;
   doDebug?: boolean;
   androidHardwareAccelerationDisabled?: boolean;
+  webviewStyle?: WebViewProps;
   injectedJavaScript?: string;
 };
 
@@ -66,6 +67,7 @@ const LeafletView: React.FC<LeafletViewProps> = ({
   zoom,
   doDebug,
   androidHardwareAccelerationDisabled,
+  webviewStyle,
   injectedJavaScript
 }) => {
   const webViewRef = useRef<WebView>(null);
@@ -182,9 +184,8 @@ const LeafletView: React.FC<LeafletViewProps> = ({
       return;
     }
     sendMessage({
-	  ...ownPositionMarker,
-	  id: OWN_POSTION_MARKER_ID
-	});
+      ownPositionMarker: { ...ownPositionMarker, id: OWN_POSTION_MARKER_ID },
+    });
   }, [initialized, ownPositionMarker, sendMessage]);
 
   //Handle mapCenterPosition update
@@ -221,6 +222,7 @@ const LeafletView: React.FC<LeafletViewProps> = ({
       allowUniversalAccessFromFileURLs={true}
       allowFileAccessFromFileURLs={true}
       androidHardwareAccelerationDisabled={androidHardwareAccelerationDisabled}
+      style={webviewStyle}
       injectedJavaScript={injectedJavaScript}
     />
   );