question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[EXPO GO] 3D secure not return to Expo

See original GitHub issue

Describe the bug Cards like Authentication required: 4000 0027 6000 3184, lead to hooks.stripe.com as a webview and return to Expo App Home aftere succefull or failure payment .

also, click on complete authentication or fail clicks then, If close the webview trigger back to App screen .

To Reproduce <StripeProvider publishableKey="***************************" urlScheme="exp://192.168.1.102:19000" threeDSecureParams={{ // backgroundColor: '#FFFFFF', // iOS only timeout: 5, label: { // headingTextColor: '#0000', headingFontSize: 13, }, navigationBar: { headerText: '3d secure', }, footer: { // iOS only backgroundColor: '#FFFFFF', }, submitButton: { // backgroundColor: '#000000', cornerRadius: 12, textColor: '#FFFFFF', textFontSize: 14, }, }} >

Screenshots Hooks Stripe webview App Screen Expo App Home

Additional context Expo Go , Expo 41, stripe-react-native :0.1.1

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:17 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
KryptKodecommented, Jul 17, 2021

I can confirm that the example works when you run it locally (not via a Snack), and pass urlScheme: Linking.createURL('') + '/--/' into initStripe

This doesn’t work for me. I am running locally, on android, it doesn’t close the WebView and return to the app on Expo. Can you share a snippet? Was there something else you added?

1reaction
cruzachcommented, Jun 25, 2021

The snack example above works for the Prebuilt UI screens, but for the webhook payment after clicking “confirm authentication” I see “Safari cannot open the page because the address is invalid” (not sure what the difference is between those two in regards to where the redirect is pointing @thorsten-stripe)

But as for urlScheme redirects- you should use Linking.createUrl() to get the scheme of your app. However, in Snack, you cannot set the app scheme, so you’ll have to run a project locally

Read more comments on GitHub >

github_iconTop Results From Across the Web

[expo-apple-authentication] Sign In With Apple won't work on ...
So when Apple gets our sign in request, they just return the same aud (audience) back to us in the identityToken. However, one...
Read more >
Expo never works - Stack Overflow
I am attempting to make my own app with React Native, however it appears as though I'm working harder to get Expo to...
Read more >
Expo Go
Expo Go is a free, open-source client for testing React Native apps on Android and iOS without needing to build anything locally. It...
Read more >
Expo And Stripe | Handling Card Payments | React Native
Learn how to integrate the official stripe sdk into your react native app built with expo and handle card card payments. Get Expo...
Read more >
How to Make Mobile Payment in React Native App with Stripe ...
For those who don't know, Expo Snack is a React Native Playground in ... Setting up future payments, 3D Secure, drop-in UI Payment...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found