FeGaussianBlur not the same in iOS and Android

[kristian-nst]

Description

The filter in Android barely blurs the object, but in iOS it does, based on the stdDeviation prop.

Any higher thanstdDeviation={15} is where Android stops blurring more. Is this known?

Steps to reproduce

    <View
      style={{
        position: 'absolute',
        backgroundColor: 'black',
        top: 0,
        bottom: 0,
        left: 0,
        right: 0,
      }}
    >
      <Svg height="500" width="500" viewBox="0 0 1000 1000">
        <Filter id="myFilter" x={-300} y={-300} width={1000} height={1000}>
          <FeGaussianBlur in="SourceGraphic" stdDeviation={100} />
        </Filter>
        <Circle
          cx="800"
          cy="-100"
          r="550"
          fill={topRightColor}
          strokeWidth={0}
          filter="url(#myFilter)"
        />
      </Svg>
  </View>

Snack or a link to a repository

SVG version

15.8.0

React Native version

0.76.3

Platforms

Android

JavaScript runtime

Hermes

Workflow

Expo Dev Client

Architecture

Fabric (New Architecture)

Build type

Debug app & dev bundle

Device

Android emulator

Device model

Pixel_6a_API_35

Acknowledgements

Yes

[github-actions[bot]]

Hey! 👋

It looks like you've omitted a few important sections from the issue template.

Please complete Snack or a link to a repository section.

[github-actions[bot]]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[antoinerousseau]

same issue here, how did you resolve it?

[colin-oos]

Whats the solution for this issue? I'm having the same problem

[bohdanprog]

Hello @antoinerousseau @colin-oos, As I see, you couldn't provide more than 25 on the Android platform. Here is a PR with the implementation of FeGaussianBlur. https://github.com/software-mansion/react-native-svg/pull/2352

[KingMatrix1989]

same issue

[terka-codes]

same here, any solutions?