Web compatibility

[JPFrancoia]

Hi 👋

I'm trying to make this package work with web. I checked the issues, an old one here mentioned that this package isn't compatible with web: #42

I actually believe it's 99% compatible with web. I use this package with an expo app, on web. I'm getting an error, but it still works.
The error is basically saying e.nativeEvent.source isn't valid on web.

By quickly commenting a few lines of node_modules/react-native-awesome-gallery/lib/module/index.js, I got rid of the error:

const defaultRenderImage = ({
  item,
  setImageDimensions
}) => {
  return /*#__PURE__*/React.createElement(Image, {
    onLoad: e => {
      // const {
      //   height: h,
      //   width: w
      // } = e.nativeEvent.source;
      const h = 800;
      const w = 500;
      setImageDimensions({
        height: h,
        width: w
      });
    },
    source: {
      uri: item
    },
    resizeMode: "contain",
    style: StyleSheet.absoluteFillObject
  });
};

it's rough, it's just to prove that we could make this package work with web without too much trouble.
I think this line needs to be changed:

react-native-awesome-gallery/src/index.tsx

Line 80 in 5ab264d

const { height: h, width: w } = e.nativeEvent.source;

It's responsible for getting the size of the image being clicked. If I get around to it I'll make a PR, but I thought I'd just let people know.

[markstreich]

This has been working great for me on web. The only bug I've noticed is doubleClick doesn't work (which would be nice because there's otherwise no way to zoom on non-touchscreen devices).

I wasn't sure if/what setting the fixed dimensions would do, so I only did it on web, here's my patch FWIW:

react-native-awesome-gallery+0.4.3.patch

diff --git a/node_modules/react-native-awesome-gallery/lib/module/index.js b/node_modules/react-native-awesome-gallery/lib/module/index.js
index 04e8dc0..f2590db 100644
--- a/node_modules/react-native-awesome-gallery/lib/module/index.js
+++ b/node_modules/react-native-awesome-gallery/lib/module/index.js
@@ -1,7 +1,7 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
-import { I18nManager, Image, StyleSheet, useWindowDimensions } from 'react-native';
+import { I18nManager, Image, StyleSheet, useWindowDimensions, Platform } from 'react-native';
 import Animated, { useAnimatedStyle, useDerivedValue, useSharedValue, withTiming, withDecay, useAnimatedReaction, runOnJS, withSpring, cancelAnimation } from 'react-native-reanimated';
 import { Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';
 import { clamp, withDecaySpring, withRubberBandClamp, resizeImage } from './utils';
@@ -32,10 +32,8 @@ const defaultRenderImage = ({
 }) => {
   return /*#__PURE__*/React.createElement(Image, {
     onLoad: e => {
-      const {
-        height: h,
-        width: w
-      } = e.nativeEvent.source;
+      const { height: h, width: w } = Platform.OS !== 'web' ? e.nativeEvent.source : { height: 500, width: 800 };
+
       setImageDimensions({
         height: h,
         width: w