fix(android): build error

Author: hannojg

ReactNativeFastImageExample/android/app/build.gradle

@@ -78,7 +78,7 @@ import com.android.build.OutputFile
  */
 
 project.ext.react = [
-    enableHermes: false,  // clean and rebuild if changing
+    enableHermes: true,  // clean and rebuild if changing
 ]
 
 apply from: "../../node_modules/react-native/react.gradle"
@@ -216,6 +216,8 @@ dependencies {
     } else {
         implementation jscFlavor
     }
+
+    implementation project(':rnfastimage')
 }
 
 // Run this once to be able to run the application with BUCK

ReactNativeFastImageExample/android/app/src/main/java/com/reactnativefastimageexample/MainApplication.java

@@ -2,12 +2,18 @@
 
 import android.app.Application;
 import android.content.Context;
+
+import com.dylanvann.fastimage.FastImageViewPackage;
+import com.dylanvann.fastimage.custom.persistence.ObjectBox;
 import com.facebook.react.PackageList;
 import com.facebook.react.ReactApplication;
 import com.facebook.react.ReactInstanceManager;
 import com.facebook.react.ReactNativeHost;
 import com.facebook.react.ReactPackage;
+import com.facebook.react.bridge.JSIModulePackage;
 import com.facebook.soloader.SoLoader;
+import com.swmansion.reanimated.ReanimatedJSIModulePackage;
+
 import java.lang.reflect.InvocationTargetException;
 import java.util.List;
 
@@ -26,13 +32,19 @@ protected List<ReactPackage> getPackages() {
           List<ReactPackage> packages = new PackageList(this).getPackages();
           // Packages that cannot be autolinked yet can be added manually here, for example:
           // packages.add(new MyReactNativePackage());
+            packages.add(new FastImageViewPackage());
           return packages;
         }
 
         @Override
         protected String getJSMainModuleName() {
           return "index";
         }
+
+          @Override
+          protected JSIModulePackage getJSIModulePackage() {
+            return new ReanimatedJSIModulePackage();
+          }
       };
 
   @Override
@@ -45,6 +57,7 @@ public void onCreate() {
     super.onCreate();
     SoLoader.init(this, /* native exopackage */ false);
     initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
+    ObjectBox.init(this);
   }
 
   /**

ReactNativeFastImageExample/package.json

@@ -34,7 +34,7 @@
         "react-native-gesture-handler": "^2.2.0",
         "react-native-image-picker": "^4.7.3",
         "react-native-image-progress": "^1.2.0",
-        "react-native-reanimated": "^2.3.1",
+        "react-native-reanimated": "2.3.0",
         "react-native-safe-area-context": "^3.3.2",
         "react-native-screens": "^3.10.2",
         "react-native-status-bar-height": "^2.6.0",

ReactNativeFastImageExample/src/ETAGExample.tsx

@@ -1,8 +1,10 @@
-import { StatusBar, StyleSheet, View } from 'react-native'
-import React from 'react'
+import { Button, Dimensions, StatusBar, StyleSheet, View } from 'react-native'
+import React, { useRef } from 'react'
 import FastImage from '@cuvent/react-native-fast-image'
 
 export const ETAGExample = () => {
+    const ref = useRef<FastImage>(null)
+
     return (
         <View style={styles.container}>
             <StatusBar
@@ -12,8 +14,18 @@ export const ETAGExample = () => {
             />
 
             <FastImage
+                ref={ref}
+                style={styles.image}
                 source={{
-                    uri: 'https://cdn.overscore.gg/development/images/customization/QyIU5h7W8CSQa0CsnM33',
+                    cache: 'web',
+                    uri: 'http://192.168.178.78:8080/pictures/cat.jpg',
+                }}
+            />
+
+            <Button
+                title={'Reload'}
+                onPress={() => {
+                    ref.current?.refresh()
                 }}
             />
         </View>
@@ -26,4 +38,8 @@ const styles = StyleSheet.create({
         alignItems: 'stretch',
         backgroundColor: '#fff',
     },
+    image: {
+        height: 300,
+        width: Dimensions.get('window').width,
+    },
 })

ReactNativeFastImageExample/yarn.lock

@@ -5531,10 +5531,10 @@ react-native-image-progress@^1.2.0:
   dependencies:
     prop-types "^15.8.0"
 
-react-native-reanimated@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-2.3.1.tgz#c7abad48f9e6c84610b0d5e270088ecd61750382"
-  integrity sha512-nzjVqwkB8eeyPKT2KoiA9EEz17ZMFSGMoOTC17Z9b5nE2Z4ZHjHM5EKhY0TlwzXFUuJAE9PhOfxF0wIO/maZSA==
+react-native-reanimated@2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-2.3.0.tgz#5d3bbcd140ab8ad47ac30d873635c7f1c3d06d4f"
+  integrity sha512-MSW2Uzj+Chd6qGS1gqNeF/U2l+xk44cD0PnNbU3v1paDI2/HAlzPhMtEy2WWtz83RZ4FtDuI/0o935SjJ7iSYg==
   dependencies:
     "@babel/plugin-transform-object-assign" "^7.10.4"
     "@types/invariant" "^2.2.35"

ReactNativeFastImageExampleServer/index.js

@@ -15,15 +15,6 @@ app.use(morgan('dev'))
 app.get('/', (req, res) => res.send(welcome))
 app.listen(port)
 
-const authentication = (req, res, next) => {
-    const token = req.query.token || req.headers['token']
-    if (token) {
-        next()
-    } else {
-        return res.status(403).send({ success: false })
-    }
-}
-
 const staticPictures = express.static(path.join(__dirname, 'pictures'))
 
-app.use('/pictures', authentication, staticPictures)
+app.use('/pictures', staticPictures)

ReactNativeFastImageExampleServer/package.json

@@ -5,12 +5,16 @@
   "license": "MIT",
   "main": "index.js",
   "scripts": {
-    "start": "nodemon ./index"
+    "start": "nodemon ./index",
+    "cat:swap": "mv pictures/cat.jpg pictures/_cat2.jpg && mv pictures/cat2.jpg pictures/cat.jpg && mv pictures/_cat2.jpg pictures/cat2.jpg"
   },
   "dependencies": {
     "body-parser": "^1.19.0",
     "express": "^4.17.1",
     "morgan": "^1.9.1",
     "nodemon": "^2.0.2"
+  },
+  "devDependencies": {
+    "ts-node": "^10.4.0"
   }
 }