feat(webview props) onLoadProgresss property (#53)

* Added the onLoadProgress property to the iOS wkwebview and Android webview

android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java

@@ -54,6 +54,7 @@ import com.reactnativecommunity.webview.events.TopLoadingErrorEvent;
 import com.reactnativecommunity.webview.events.TopLoadingFinishEvent;
 import com.reactnativecommunity.webview.events.TopLoadingStartEvent;
 import com.reactnativecommunity.webview.events.TopMessageEvent;
+import com.reactnativecommunity.webview.events.TopLoadingProgressEvent;
 import java.io.UnsupportedEncodingException;
 import java.util.ArrayList;
 import java.util.HashMap;
@@ -74,7 +75,8 @@ import org.json.JSONObject;
  * {@link WebView} instances could emit following direct events:
  *  - topLoadingFinish
  *  - topLoadingStart
- *  - topLoadingError
+ *  - topLoadingStart
+ *  - topLoadingProgress
  *
  * Each event will carry the following properties:
  *  - target - view's react tag
@@ -409,6 +411,23 @@ public class RNCWebViewManager extends SimpleViewManager<WebView> {
         return true;
       }
 
+
+    @Override
+    public void onProgressChanged(WebView webView, int newProgress) {
+        super.onProgressChanged(webView, newProgress);
+        WritableMap event = Arguments.createMap();
+        event.putDouble("target", webView.getId());
+        event.putString("title", webView.getTitle());
+        event.putBoolean("canGoBack", webView.canGoBack());
+        event.putBoolean("canGoForward", webView.canGoForward());
+        event.putDouble("progress", (float)newProgress/100);
+        dispatchEvent(
+                  webView,
+                  new TopLoadingProgressEvent(
+                      webView.getId(),
+                      event));
+    }
+
       @Override
       public void onGeolocationPermissionsShowPrompt(String origin, GeolocationPermissions.Callback callback) {
         callback.invoke(origin, true, false);
@@ -623,6 +642,13 @@ public class RNCWebViewManager extends SimpleViewManager<WebView> {
     view.setWebViewClient(new RNCWebViewClient());
   }
 
+  @Override
+  public Map getExportedCustomDirectEventTypeConstants() {
+    MapBuilder.Builder builder = MapBuilder.builder();
+    builder.put("topLoadingProgress", MapBuilder.of("registrationName", "onLoadingProgress"));
+    return builder.build();
+  }
+
   @Override
   public @Nullable Map<String, Integer> getCommandsMap() {
     return MapBuilder.of(

android/src/main/java/com/reactnativecommunity/webview/events/TopLoadingProgressEvent.java

@@ -0,0 +1,36 @@
+package com.reactnativecommunity.webview.events;
+
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.uimanager.events.Event;
+import com.facebook.react.uimanager.events.RCTEventEmitter;
+
+public class TopLoadingProgressEvent extends Event<TopLoadingProgressEvent> {
+    public static final String EVENT_NAME = "topLoadingProgress";
+    private WritableMap mEventData;
+
+    public TopLoadingProgressEvent(int viewId, WritableMap eventData) {
+        super(viewId);
+        mEventData = eventData;
+    }
+
+    @Override
+    public String getEventName() {
+        return EVENT_NAME;
+    }
+
+    @Override
+    public boolean canCoalesce() {
+        return false;
+    }
+
+    @Override
+    public short getCoalescingKey() {
+        // All events for a given view can be coalesced.
+        return 0;
+    }
+
+    @Override
+    public void dispatch(RCTEventEmitter rctEventEmitter) {
+        rctEventEmitter.receiveEvent(getViewTag(), getEventName(), mEventData);
+    }
+}