Allow Android to have moving image

package.json

@@ -4,7 +4,7 @@
     "native": "220603",
     "major": 4,
     "minor": 1,
-    "patch": 2,
+    "patch": 3,
     "expo": "45.0.0"
   },
   "description": "tooot app for Mastodon",

src/components/GracefullyImage.tsx

@@ -5,12 +5,14 @@ import {
   AccessibilityProps,
   Image,
   ImageStyle,
+  Platform,
   Pressable,
   StyleProp,
   StyleSheet,
   View,
   ViewStyle
 } from 'react-native'
+import FastImage from 'react-native-fast-image'
 import { Blurhash } from 'react-native-blurhash'
 
 // blurhas -> if blurhash, show before any loading succeed
@@ -125,6 +127,7 @@ const GracefullyImage = ({
           ]}
         />
       ) : null}
+      {Platform.OS === 'ios' ? (
         <Image
           fadeDuration={0}
           source={source}
@@ -132,6 +135,16 @@ const GracefullyImage = ({
           onLoad={onLoad}
           onError={onError}
         />
+      ) : (
+        <FastImage
+          fadeDuration={0}
+          source={source}
+          // @ts-ignore
+          style={[{ flex: 1 }, imageStyle]}
+          onLoad={onLoad}
+          onError={onError}
+        />
+      )}
       {blurhashView}
     </Pressable>
   )

src/screens/Tabs/Shared/Account/Header.tsx

@@ -2,7 +2,8 @@ import Button from '@components/Button'
 import { useAccessibility } from '@utils/accessibility/AccessibilityManager'
 import { useTheme } from '@utils/styles/ThemeManager'
 import React from 'react'
-import { Dimensions, Image, View } from 'react-native'
+import { Dimensions, View } from 'react-native'
+import FastImage from 'react-native-fast-image'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 
 export interface Props {
@@ -18,7 +19,7 @@ const AccountHeader = React.memo(
 
     return (
       <View>
-        <Image
+        <FastImage
           source={{
             uri: reduceMotionEnabled ? account?.header_static : account?.header
           }}