Thanks, very useful information, is there a way to separate the fields of the card? something like to use a custom interface of the card input, I have not found the solution in the current version, Thank you so much
stripe-react-native currently doesn't support split/separate card fields. You have to use `CardField` or `PaymentSheet` for now to get the simplest PCI compliance.
I keep getting this error Invariant Violation: requireNativeComponent: "CardField" was not found in the UIManager. Am I not getting the public test key correctly?
what's the recommended way to include the cart details? let's say u submit 3x itemA and 4x itemB and u need to validate the cart before accepting payment without client manipulation. SHould it be validated in the payment intent or after and how it should be included?
Best practise is to never let the client define the amount to be charged. In your example the client should inform the server that the cart contains 3 x item A and 4 x item B, then the server should look up the price of each item (ideally from your database) and do the math to get the final total amount. You then pass on that amount when creating the PaymentIntent on the server.
@@paulasjes5852 I c, so when the client initiate the payment intent, the server validates a passed in cart object and calculate the accounting, now where to pass that cart object? Is there a certain predefined property in the payment intent call?
@@paulasjes5852 so the reason this is not clear to me is because the examples I’ve seen are only a payment intent with a requested amount, No cart details
Thank you very much for the video content. I'm getting an error " The provided intent client secret does not match the expected client secret format make sure your server is returning the correct value and that is passed to STPPaymentHandler" Please let me know if you got any pointer on how to resolve this issue.
Hi Isaac-we'd recommend double checking that the client_secret in the expected format. If you've checked that again and still running into issues, we'd recommend reaching out to us through your Dashboard for technical help.
Hey there-good question! How you would set your server up would heavily depend on what programming language you plan to develop in. You'll find a guide on getting started with the different languages Stripe supports here: stripe.com/docs/development/quickstart
Hello Camille, I am facing the same problem, cardField input not accepting to take any input and the keyboard not showing up. Do you face the same thing?!
Hi Anandhu, you can read on how to accept payments via Google Pay on Stripe here: stripe.com/docs/google-pay Likewise, here's how to integrate Apple Pay with your Stripe account: support.stripe.com/questions/enable-apple-pay-on-your-stripe-account. Hope this helps. Let us know if you have any additional questions.
Great instructions 👏 would it be possible to having people avoid typing all details every time? So they only have to type CVC or if 2D authentication is required, then let them type nothing the next time and just pop up the auth app?
Hey there! You can save payment details to a customer object during an initial payment by passing the setupFutureUsage parameter to confirmCardPayment. There’s a React Native guide for this here: stripe.com/docs/payments/save-during-payment?platform=react-native
Hi Shahid - You should define the route at the beginning of your payment button handler. This route should fetch your server in order to create the PaymentIntent and have your server return the clientsecret back to the client for paymentintent confirmation. In the video the handler where this route is defined is called handlePayPress.
when i press pay button i goes in loading state and does not change even though the dashboard shows successful payment but the app does not show that change can anyone help with that?
Hi there! We would need more information on your setup and integration to understand what might be happening. Could you please send us more details over email here support.stripe.com/contact/login?
Hi Nirav, you can take a look at the CardForm component in the library as it’s a dropin multilne form. Here's more: github.com/stripe/stripe-react-native/blob/master/example/src/screens/MultilineWebhookPaymentScreen.tsx. Hope this helps!
The version from the video is actually old, i have tried 100 different things and still not able to integrate stripe in my app ... the documentation should be more accurate.(at least for react native)
Heya Joseph. This might be cause by omitting the last step at github.com/stripe/stripe-react-native#ios, which is to run pod install in the iOS directory of your project after installing the library. If it doesn't help you, please reach out to us here: support.stripe.com/contact/login We'll be happy to help!
Hi Neil. Here some documentation about React CardForm: stripe.dev/stripe-react-native/api-reference/modules.html#CardForm and github.com/stripe/stripe-react-native/blob/master/docs/accept-a-payment-multiline-card.md#create-your-checkout-page
Hey Gustavo-great question! This documentation should be helpful for this scenario in regards to Apple Pay! stripe.com/docs/apple-pay?platform=react-native
Thanks, very useful information, is there a way to separate the fields of the card? something like to use a custom interface of the card input,
I have not found the solution in the current version,
Thank you so much
stripe-react-native currently doesn't support split/separate card fields. You have to use `CardField` or `PaymentSheet` for now to get the simplest PCI compliance.
how do i create card elements separately i mean card number, exp date and cvv, i find out demo for javascript but i need in react native.
Hey Oleh - we recommend trying an alternate browser/private browsing session or clearing the cache. This may be due to a caching issue.
It's really useful for everyone 💝
I keep getting this error Invariant Violation: requireNativeComponent: "CardField" was not found in the UIManager. Am I not getting the public test key correctly?
Card detail not complete. Please help me
CardField input not accepting to take any input and the keyboard not showing up, any hint for this.
Thank you
what's the recommended way to include the cart details? let's say u submit 3x itemA and 4x itemB and u need to validate the cart before accepting payment without client manipulation. SHould it be validated in the payment intent or after and how it should be included?
Best practise is to never let the client define the amount to be charged. In your example the client should inform the server that the cart contains 3 x item A and 4 x item B, then the server should look up the price of each item (ideally from your database) and do the math to get the final total amount. You then pass on that amount when creating the PaymentIntent on the server.
@@paulasjes5852 I c, so when the client initiate the payment intent, the server validates a passed in cart object and calculate the accounting, now where to pass that cart object? Is there a certain predefined property in the payment intent call?
@@paulasjes5852 so the reason this is not clear to me is because the examples I’ve seen are only a payment intent with a requested amount, No cart details
@Mostafa Elgamel That's something you'd implement on your end, there's no concept of a "cart" when it comes to PaymentIntents.
Thank you very much for the video content. I'm getting an error " The provided intent client secret does not match the expected client secret format make sure your server is returning the correct value and that is passed to STPPaymentHandler" Please let me know if you got any pointer on how to resolve this issue.
Hi Isaac-we'd recommend double checking that the client_secret in the expected format. If you've checked that again and still running into issues, we'd recommend reaching out to us through your Dashboard for technical help.
Hello sir. How do i setup stripe server. And can that server listen if i run app on diffeerent android devices
Hey there-good question! How you would set your server up would heavily depend on what programming language you plan to develop in. You'll find a guide on getting started with the different languages Stripe supports here: stripe.com/docs/development/quickstart
Nice tutorial body!
And how about the situation when the user already have a credit card register in iOS or Android phone?
Thank you.
Thank you so much for this tutorial ! However CardField isn't working, an idea how to solve this problem ?
Hello Camille,
I am facing the same problem, cardField input not accepting to take any input and the keyboard not showing up. Do you face the same thing?!
@@user_ahfvppkjb It is worse than that, cardField is not showing at all 😨
@@CamilleVingere My problem solved by upgrading my project to latest react native version and works fine now in android, hope that helps.
@@user_ahfvppkjb Thank you, this is very helpful !
@@CamilleVingere hello everybody, I faced problem : Card detai not complete . please help me
Hey Stripe devs, how do I integrate Apple pay and google pay with this method?
Hi Anandhu, you can read on how to accept payments via Google Pay on Stripe here: stripe.com/docs/google-pay
Likewise, here's how to integrate Apple Pay with your Stripe account: support.stripe.com/questions/enable-apple-pay-on-your-stripe-account.
Hope this helps. Let us know if you have any additional questions.
Great instructions 👏 would it be possible to having people avoid typing all details every time? So they only have to type CVC or if 2D authentication is required, then let them type nothing the next time and just pop up the auth app?
Hey there! You can save payment details to a customer object during an initial payment by passing the setupFutureUsage parameter to confirmCardPayment. There’s a React Native guide for this here: stripe.com/docs/payments/save-during-payment?platform=react-native
Hi, where is the create-payment-intent route defined?
Hi Shahid - You should define the route at the beginning of your payment button handler. This route should fetch your server in order to create the PaymentIntent and have your server return the clientsecret back to the client for paymentintent confirmation. In the video the handler where this route is defined is called handlePayPress.
@@StripeDev Thanks for your reply.
when i press pay button i goes in loading state and does not change even though the dashboard shows successful payment but the app does not show that change
can anyone help with that?
Hi there! We would need more information on your setup and integration to understand what might be happening. Could you please send us more details over email here support.stripe.com/contact/login?
Hi Nirav, you can take a look at the CardForm component in the library as it’s a dropin multilne form. Here's more:
github.com/stripe/stripe-react-native/blob/master/example/src/screens/MultilineWebhookPaymentScreen.tsx. Hope this helps!
3DS confirm payment modal not working in production but works fine in dev environment
Hey there, mind sending us an email here: support.stripe.com/contact/login with more details? We'll take a look.
The version from the video is actually old, i have tried 100 different things and still not able to integrate stripe in my app ... the documentation should be more accurate.(at least for react native)
Heya Joseph. This might be cause by omitting the last step at github.com/stripe/stripe-react-native#ios, which is to run pod install in the iOS directory of your project after installing the library. If it doesn't help you, please reach out to us here: support.stripe.com/contact/login
We'll be happy to help!
Can you also cover how to use CardForm?
Hi Neil. Here some documentation about React CardForm: stripe.dev/stripe-react-native/api-reference/modules.html#CardForm and github.com/stripe/stripe-react-native/blob/master/docs/accept-a-payment-multiline-card.md#create-your-checkout-page
How do I save a credit card for later?
Hey there Aliyar-you might find this documentation helpful for this: stripe.com/docs/saving-cards
Hey Gustavo-great question! This documentation should be helpful for this scenario in regards to Apple Pay! stripe.com/docs/apple-pay?platform=react-native