feat: use native component and fix spec

Author: WoLewicki

src/FastImageViewNativeComponent.tsx

@@ -4,6 +4,7 @@ import type {
   Float,
   WithDefault,
   BubblingEventHandler,
+  Int32,
 } from 'react-native/Libraries/Types/CodegenTypes';
 
 type Headers = Readonly<{}>
@@ -23,8 +24,8 @@ type OnLoadEvent = Readonly<{
       }>
 
 type OnProgressEvent = Readonly<{
-        loaded: Float,
-        total: Float,
+        loaded: Int32,
+        total: Int32,
       }>
 
 interface NativeProps extends ViewProps {
@@ -34,7 +35,7 @@ interface NativeProps extends ViewProps {
   onFastImageLoadStart?: BubblingEventHandler<Readonly<{}>>,
   onFastImageProgress?: BubblingEventHandler<OnProgressEvent>,
   source?: FastImageSource,
-  defaultSource?: string,
+  defaultSource?: string | null,
   resizeMode?:  WithDefault<'contain' | 'cover' | 'stretch' | 'center', 'cover'>,
   tintColor?: ColorValue,
 }

src/index.tsx

@@ -3,7 +3,6 @@ import {
     View,
     Image,
     NativeModules,
-    requireNativeComponent,
     StyleSheet,
     FlexStyle,
     LayoutChangeEvent,
@@ -16,6 +15,7 @@ import {
     ViewProps,
     ColorValue,
 } from 'react-native'
+import FastImageView from './FastImageViewNativeComponent';
 
 export type ResizeMode = 'contain' | 'cover' | 'stretch' | 'center'
 
@@ -260,19 +260,4 @@ const styles = StyleSheet.create({
     },
 })
 
-// Types of requireNativeComponent are not correct.
-const FastImageView = (requireNativeComponent as any)(
-    'FastImageView',
-    FastImage,
-    {
-        nativeOnly: {
-            onFastImageLoadStart: true,
-            onFastImageProgress: true,
-            onFastImageLoad: true,
-            onFastImageError: true,
-            onFastImageLoadEnd: true,
-        },
-    },
-)
-
 export default FastImage