Behavioral Differences of Google Pay Between Web and Embedded Webview in React Native App

[vanlethi-dev]

Describe the bug

The React JS web application includes a Drop-in payment integration. When accessed directly in a web browser, the payment functionality behaves as expected. However, when this web application is embedded within a React Native app using react-native-webview, differences in behavior are observed on the payment screen. Does I need any config from react native app?

Here is my config in React JS web :

Smartphone (please complete the following information):

• Device: android
• Browser: Chrome

Web:

React Native Embedded Webview

https://github.com/user-attachments/assets/b195ff89-b688-452a-8d1b-c07c8ec10dfe

Expected behavior I would like the embedded payment screen should behave consistently across both platforms

[m1aw]

Hello @vanlethi-dev

Wallet payments, like Google Pay and Apple Pay are not supported inside web views or embedded browsers.

You can take a look at the Adyen React Native library, it will call the native integrations for each platform.

[vanlethi-dev]

Hi @m1aw ,

I’ve embedded https://www.mystoredemo.io/#/cart in my React Native app. When running it on an iPhone 15, I noticed that Google Pay does not appear within the app, although it does show up when accessed directly through Safari or Chrome. Could you help explain why this difference occurs?

• In Safari Chrome:

• React Native Embedded Webview