Skip to content

[iOS] Paywall video flickers / alternates with underlying screen when using Adapty dynamic paywall #288

@V-Babayan

Description

@V-Babayan

Description

Description

I'm seeing a flickering issue with a paywall that contains a video background/media.

Instead of the paywall staying stable, the screen rapidly alternates between:

  • the Adapty paywall with the video
  • the underlying app screen (in my case, the Settings screen)

This creates a visible flicker and makes the paywall look unstable.

I attached a screen recording that demonstrates the problem.

Expected behavior

The paywall should remain fully visible and the video should play smoothly without showing the underlying screen.

Actual behavior

The paywall/video flickers and intermittently reveals the previous screen underneath.

Steps to reproduce

  1. Open the screen from which the Adapty paywall is presented
  2. Present the Adapty paywall that contains video media
  3. Observe that the paywall flickers and briefly shows the previous screen underneath

Frequency

Reproducible every time / very often

Platform

  • iOS: [e.g. 17.5 / 18.0]
  • Device: [e.g. iPhone 15 Pro / simulator?]
  • React Native version: [fill in]
  • react-native-adapty version: [fill in]
  • Expo or bare RN: [fill in]
  • New Architecture enabled: [yes/no]
  • Video added through Adapty paywall builder: [yes/no]

Notes

  • The issue appears specifically when the paywall includes video media.
  • From the screen recording, the paywall seems to repeatedly lose/redraw visibility, exposing the underlying screen.

Attachments

IMG_0312.mp4

Steps to reproduce

Just open dynamic paywall

Expected behavior

Video show stable

Minimal reproduction code

const placement = await adapty.getPaywall(placementId, locale)
const view = await createPaywallView(placement)

Keyboard.dismiss()
view.present()
view.setEventHandlers({
onCloseButtonPress: () => {},
onPurchaseStarted: (...params) => {},
onPurchaseCompleted: (...params) => { },
onPurchaseFailed: (...params) => {
},
onAndroidSystemBack: () => { },
})

Adapty SDK Version

3.15.4

React Native Version

0.84.1

What platforms are you seeing the problem on?

iOS

Device/Simulator

iPhone 16 Pro Max and other iPhones

System info

System:
  OS: macOS 26.3
  CPU: (14) arm64 Apple M4 Max
  Memory: 2.26 GB / 36.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 22.16.0
    path: /Users/vlad/.nvm/versions/node/v22.16.0/bin/node
  Yarn:
    version: 1.22.22
    path: /Users/vlad/.nvm/versions/node/v22.16.0/bin/yarn
  npm:
    version: 10.9.2
    path: /Users/vlad/.nvm/versions/node/v22.16.0/bin/npm
  Watchman:
    version: 2026.01.12.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /Users/vlad/.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: Not Found
IDEs:
  Android Studio: 2025.2 AI-252.28238.7.2523.14688667
  Xcode:
    version: 26.2/17C52
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.18
    path: /usr/bin/javac
  Ruby:
    version: 3.2.2
    path: /Users/vlad/.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
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true

Metadata

Metadata

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions