Surface + ImageFilters not working properly on Android

I use Surface (from gl-react-expo) and ImageFilters (from "react-native-gl-image-filters) for my project and on iOs it is working.

However, on Android photos with filters are shown properly when visible on the screen for the first time, but then when I scrolldown so given photo is out of screen and come back to it, it doesn’t display and only white area is shown.

Why is that? What is the possible fix for that?

Code extract below:

`import { Surface } from “gl-react-expo”; import ImageFilters from “react-native-gl-image-filters”;

…

        <Surface
          style={{
            width: photoWidth,
            height: photoHeight,
            borderRadius: 5,
          }}
        >
          <ImageFilters
            {...FILTERS.find((f) => f.id === tempFilter).filter}
            width={filterWidth}
            height={filterHeight}
          >
            {{
              uri: props.image_cropped,
            }}
          </ImageFilters>
        </Surface>

`

[Didiwloski]

@GregoryNative

I uploaded extract of my app which contains the code that is involved in displaying the list of filtered photo.

1. The FlatList of photos that are presented in a form of a PhotoItem (FlatList is in AlbumDetailScreeen line 529)
2. PhotoItem definition is in PhotoItem file. (Surface and filters are implemented in line 117)
3. Filters palette is defined in file filters.js

https://snack.expo.io/tJjU-1yQP

Will be extremely grateful for your help on that 😉 Best, Adrian

[GregoryNative]

Hi. I don’t think that it’s related. In your code example you don’t use gl-react-image library as mention in thread which you shared.