Use JS view configs for Image

Summary:
There was already a ImageViewNativeComponent used on Android, so I changed `Image.ios.js` to use it as well, and then switched that component to use `codegenNativeComponent` instead of `requireNativeComponent` so that it gets the view config from JS instead of the UIManager.

I'm gating this change behind `RN$Bridgeless` so this only affects bridgeless mode.

Changelog: [Internal]

Reviewed By: mdvacca

Differential Revision: D18575533

fbshipit-source-id: aa71beb6be65dbb48ad2e1ca748f2cccd72a0e73

Author: Emily Janzer

Libraries/Image/Image.ios.js

@@ -11,25 +11,19 @@
 'use strict';
 
 const DeprecatedImagePropType = require('../DeprecatedPropTypes/DeprecatedImagePropType');
-const NativeModules = require('../BatchedBridge/NativeModules');
 const React = require('react');
 const ReactNative = require('../Renderer/shims/ReactNative'); // eslint-disable-line no-unused-vars
 const StyleSheet = require('../StyleSheet/StyleSheet');
 
 const flattenStyle = require('../StyleSheet/flattenStyle');
-const requireNativeComponent = require('../ReactNative/requireNativeComponent');
 const resolveAssetSource = require('./resolveAssetSource');
 
 import type {ImageProps as ImagePropsType} from './ImageProps';
-import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
 
 import type {ImageStyleProp} from '../StyleSheet/StyleSheet';
 import NativeImageLoaderIOS from './NativeImageLoaderIOS';
 
-const ImageViewManager = NativeModules.ImageViewManager;
-const RCTImageView: HostComponent<mixed> = requireNativeComponent(
-  'RCTImageView',
-);
+const RCTImageView = require('./ImageViewNativeComponent');
 
 function getSize(
   uri: string,

Libraries/Image/ImageViewNativeComponent.js

@@ -12,10 +12,43 @@
 
 const requireNativeComponent = require('../ReactNative/requireNativeComponent');
 
+import codegenNativeComponent from '../Utilities/codegenNativeComponent';
+
+import type {DangerouslyImpreciseStyle} from '../StyleSheet/StyleSheet';
+import type {ResolvedAssetSource} from './AssetSourceResolver';
 import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
+import type {ImageProps} from './ImageProps';
+import type {ViewProps} from '../Components/View/ViewPropTypes';
+import type {ImageStyleProp} from '../StyleSheet/StyleSheet';
+import type {ColorValue} from '../StyleSheet/StyleSheetTypes';
+
+type NativeProps = $ReadOnly<{|
+  ...ImageProps,
+  ...ViewProps,
+
+  style?: ImageStyleProp | DangerouslyImpreciseStyle,
+
+  // iOS native props
+  tintColor?: ColorValue,
+
+  // Android native props
+  shouldNotifyLoadEvents?: boolean,
+  src?: ?ResolvedAssetSource | $ReadOnlyArray<{uri: string}>,
+  headers?: ?string,
+  defaultSrc?: ?string,
+  loadingIndicatorSrc?: ?string,
+|}>;
+
+let ImageViewNativeComponent;
 
-const ImageViewNativeComponent: HostComponent<mixed> = requireNativeComponent<mixed>(
-  'RCTImageView',
-);
+if (global.RN$Bridgeless) {
+  ImageViewNativeComponent = codegenNativeComponent<NativeProps>(
+    'RCTImageView',
+  );
+} else {
+  ImageViewNativeComponent = requireNativeComponent<NativeProps>(
+    'RCTImageView',
+  );
+}
 
-module.exports = ImageViewNativeComponent;
+module.exports = (ImageViewNativeComponent: HostComponent<NativeProps>);