Experimental_backgroundImage style on the view breaks the corner smoothing

[mvrty]

Before submitting a new issue

• I tested using the latest version of the library, as the bug might be already fixed.
• I tested using a supported version of react native.
• I checked for possible duplicate issues, with possible answers.

Bug summary

Using experimental_backgroundImage style on the view breaks the corner smoothing. Not sure if it's possible to support this?

Library version

1.0.14

Environment info

System:
  OS: macOS 26.1
  CPU: (16) arm64 Apple M4 Max
  Memory: 837.86 MB / 64.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 22.12.0
    path: /Users/mn/.nvm/versions/node/v22.12.0/bin/node
  Yarn:
    version: 4.9.1
    path: /Users/mn/.nvm/versions/node/v22.12.0/bin/yarn
  npm:
    version: 10.9.0
    path: /Users/mn/.nvm/versions/node/v22.12.0/bin/npm
  Watchman:
    version: 2025.11.03.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.15.2
    path: /Users/mn/.rbenv/shims/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 25.2
      - iOS 26.2
      - macOS 26.2
      - tvOS 26.2
      - visionOS 26.2
      - watchOS 26.2
  Android SDK:
    API Levels:
      - "30"
      - "31"
      - "32"
      - "33"
      - "34"
      - "35"
      - "36"
    Build Tools:
      - 33.0.0
      - 34.0.0
      - 35.0.0
      - 36.0.0
    System Images:
      - android-33 | Google APIs ARM 64 v8a
      - android-35 | Google Play ARM 64 v8a
      - android-35 | Pre-Release 16 KB Page Size Google Play ARM 64 v8a
      - android-35 | Pre-Release 16 KB Page Size Google APIs ARM 64 v8a
      - android-36 | Google Play ARM 64 v8a
      - android-36 | Pre-Release 16 KB Page Size Google Play ARM 64 v8a
    Android NDK: 22.1.7171670
IDEs:
  Android Studio: 2025.2 AI-252.25557.131.2521.14344949
  Xcode:
    version: 26.2/17C52
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.4.1
    path: /Users/mn/.sdkman/candidates/java/current/bin/javac
  Ruby:
    version: 2.7.5
    path: /Users/mn/.rbenv/shims/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react: Not Found
  react-native: Not Found
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true

Steps to reproduce

1. Create a SquircleView
2. Add for example experimental_backgroundImage: 'linear-gradient(135deg, #81B29A 0%, #548687 100%)' to the style object (and corner smoothing disappears)

Reproducible example repository

[fbeccaceci]

Yeah experimental_backgroundImage is not actively supported by the library, if there is much interest i could think of adding that, shouldn't be too hard.

In the meantime as a workaround since fast squircle supports overflow: "hidden" you might add that linear gradient to a full size child of the SquircleView and clip it.

Feel free to open a PR to support this if you want.

[mvrty]

The overflow: "hidden" workaround only seemed to work for IOS. Opened a PR - #20