[change] Image - extract ImageLoadingProps

Update types to match RN and actual code - we don't call `onLoadStart`
and `onLoadEnd` with any arguments

Author: kidroca

packages/react-native-web/src/exports/Image/index.js

@@ -8,7 +8,7 @@
  * @flow
  */
 
-import type { ImageProps, Source } from './types';
+import type { ImageProps, Source, ImageLoadingProps } from './types';
 
 import * as React from 'react';
 import createElement from '../createElement';
@@ -296,21 +296,14 @@ ImageWithStatics.queryCache = function (uris) {
   return ImageLoader.queryCache(uris);
 };
 
-type UseSourceParams = {
-  onLoad?: Function,
-  onLoadStart?: Function,
-  onLoadEnd?: Function,
-  onError?: Function
-};
-
 /**
  * Image loading/state management hook
  * @param params
  * @param source
  * @returns {{state: string, uri: string}}
  */
 const useSource = (
-  { onLoad, onLoadStart, onLoadEnd, onError }: UseSourceParams,
+  { onLoad, onLoadStart, onLoadEnd, onError }: ImageLoadingProps,
   source: ?Source
 ): { state: string, loadedUri: string } => {
   const lastLoadedSource = React.useRef();

packages/react-native-web/src/exports/Image/types.js

@@ -102,17 +102,21 @@ export type ImageStyle = {
   tintColor?: ColorValue
 };
 
+export type ImageLoadingProps = {|
+  onLoad?: (e: any) => void,
+  onLoadStart?: () => void,
+  onLoadEnd?: () => void,
+  onError?: ({ nativeEvent: { error: string } }) => void,
+  onProgress?: (e: any) => void
+|};
+
 export type ImageProps = {
-  ...ViewProps,
+  ...$Exact<ViewProps>,
+  ...ImageLoadingProps,
   blurRadius?: number,
   defaultSource?: Source,
   draggable?: boolean,
-  onError?: (e: any) => void,
   onLayout?: (e: any) => void,
-  onLoad?: (e: any) => void,
-  onLoadEnd?: (e: any) => void,
-  onLoadStart?: (e: any) => void,
-  onProgress?: (e: any) => void,
   resizeMode?: ResizeMode,
   source?: Source,
   style?: GenericStyleProp<ImageStyle>