WebpSupport | A WebP format image decode library for Android | Computer Vision library

Before you link me to another question similar to this one, such as this or that. I will say that I have done exactly what the answers said, but my gif won't animate as it should (It is displayed though).

Here is what I've done in a function, which is displayed through the main App function Stack.Screen within a NavigationContainer and Stack.Navigator. (I'm using React Navigation to move across screens, the context here is that a button is pressed and it displays the contents of the DetailsScreen function)

I am struggling to get my GIFs to animate on the Android version of my RN application. The iOS version is animating the looping GIFs as expected but I only see a stuck "single frame" image from the GIF on the Android device.

According to the debugging and RN-documentation it's required to add a few lines of implementation to the dependencies within the /android/app/build.gradle, but even after cleaning the gradle (running ./gradlew clean in the /android folder) and deleting the cache of the RN app (running react-native start --reset-cache in the project root folder), I do not see any difference in my application.

I have googled and tried a lot. Based on my debugging adventure, I have tried and double-checked these suggestions, that seems to work for others but it doesn't seem to work for me...

• I have tried several versions of the fresco-libraries that seems to be required and I have also tried placing the lines in both the bottom as well as the top of the dependencies.
• Some answers also suggest to add one or more lines of code to the android/app/proguard-rules.pro but this doesn't change anything either.
• I use GIFs in different ways of my application but it always has width and height included to the style property on the .
• I have tried with GIF-uris from different CDNs and domains.
• Reinstalled the app on my test devices.
• Closed and reopened my code editors.

I'm using the following versions:

• Java: 11.0.12
• React Native: 0.65
• Android SDK: 30.0.2
• npm: 6.14.4

This is my full /android/app/build.gradle:

I am trying to play an animated webp file on android devices. I am using react-native-animated-webp package but I got an error while building the app.

When I added the following lines into app/build.gradle file:

I have a simple Lambda function that for now returns the event. So when I test with this, I return event.body.url and event.body.wepbSupport. That works in the AWS Lambda test environment.

TEST

I am fetching the data from firebase (Real time database) and displaying it correctly in a recyclerview. This is my code:

My class, StickerPack.class

I have some problems with React-Native. I tried to change react-native version or edit build.gradle moving google() or jcenter(), but the error still persist.

Can someone help me? I think it's a problem of build.gradle, but I'm not sure.

Environment:

React-Native: "^0.59.10"

NodeJS: "v10.16.3"

project/android/build.gradle: