how to do this on android, when I used the card form the error is "The style on this component required your app theme to be the theme.materialComponents"
Hi there. In order to use CardForm component, you need to install and configure Material Components theme (github.com/material-components/material-components-android/blob/master/docs/getting-started.md#4-change-your-app-theme-to-inherit-from-a-material-components-theme) in your app. 1 - Add below dependency to your `app/build.gradle´ file with specified version: implementation 'com.google.android.material:material:' 2 - Set appropriate style in your `styles.xml´ file:
Hi there, I am implementing the stripe in MERN-STACK it's working fine with React-Stripe but I want to make own card filed cvc and exp etc, how I can make these changes?
Hi there! We'd love to help guide you in the right direction, but would you mind elaborating a little more on what you're trying to achieve, and what part you may be having trouble with at the moment?
@@StripeDev thanks for reply, Actually now I am creating client secret in nodejs and passing in react stripe.confirm payment working fine, but the card field is build in single line we want to make sperate with card number cvc and exp separates
Thanks! You should be able to find the information you're looking for here: stripe.com/docs/payments/accept-a-payment?platform=react-native&ui=payment-sheet.
Hi there-the 'CardField' component has a style attribute you can use to customize the look of the inputs, as shown in this video. That being said, we'd recommend using PaymentSheet as it has more features. We would love to understand exactly what style you want to change, if you could write in to us here: support.stripe.com/contact/login
does this work with flutter like i have my own credit card details form ui and i want the user to input its details and click on pay button and when it does it should make the payment with stripe so can u please guide me how can i do it
@@StripeDev I have already did integration referring to this doc but it doesn't provide us custom payment sheet and the thing I want is I have a my own card details form and i just want it to do payment by clicking on a button and all the details should be given to stripe for payment procedure in simple words I don't want stripe payment sheet I want stripe to display my ui design payment sheet for taking the card details hope u get it
Thank you for clarifying. Unfortunately, we don't have an official supported Flutter SDK as this one for reactive Native. We believe you can use the same CardField and CardForm that we reference in this video. However, Flutter isn't a Stripe-built SDK but a third-party build one. We found some third part docs that might help with the customization section: docs.page/flutter-stripe/flutter_stripe/card_field#6-customisation
Hey Suraj-If you are using CardField, you can use "postalCodeEnabled" to control if the postal code field should be displayed. You can find relevant documentation here: stripe.dev/stripe-react-native/api-reference/interfaces/CardFieldProps.html#postalCodeEnabled
how to do this on android, when I used the card form the error is "The style on this component required your app theme to be the theme.materialComponents"
Hi there. In order to use CardForm component, you need to install and configure Material Components theme (github.com/material-components/material-components-android/blob/master/docs/getting-started.md#4-change-your-app-theme-to-inherit-from-a-material-components-theme) in your app.
1 - Add below dependency to your `app/build.gradle´ file with specified version:
implementation 'com.google.android.material:material:'
2 - Set appropriate style in your `styles.xml´ file:
Hi there, I am implementing the stripe in MERN-STACK it's working fine with React-Stripe but I want to make own card filed cvc and exp etc, how I can make these changes?
Hi there! We'd love to help guide you in the right direction, but would you mind elaborating a little more on what you're trying to achieve, and what part you may be having trouble with at the moment?
@@StripeDev thanks for reply, Actually now I am creating client secret in nodejs and passing in react stripe.confirm payment working fine, but the card field is build in single line we want to make sperate with card number cvc and exp separates
Thanks! You should be able to find the information you're looking for here: stripe.com/docs/payments/accept-a-payment?platform=react-native&ui=payment-sheet.
how to customize the style of each input of card form ?
Hi there-the 'CardField' component has a style attribute you can use to customize the look of the inputs, as shown in this video. That being said, we'd recommend using PaymentSheet as it has more features. We would love to understand exactly what style you want to change, if you could write in to us here: support.stripe.com/contact/login
can card field be layed out like card form? ie: vertically instead of everything in one row.
Hi there-while you can resize the card field, this type of layout isn't possible to do and it will remain in the horizontal format.
waiting Stripe React Native subscriptions video
does this work with flutter like i have my own credit card details form ui and i want the user to input its details and click on pay button and when it does it should make the payment with stripe so can u please guide me how can i do it
Hi there. You can follow this Flutter Doc for your integration: docs.flutterflow.io/actions/actions/e-commerce-payments/stripe-payment.
@@StripeDev I have already did integration referring to this doc but it doesn't provide us custom payment sheet and the thing I want is I have a my own card details form and i just want it to do payment by clicking on a button and all the details should be given to stripe for payment procedure in simple words I don't want stripe payment sheet I want stripe to display my ui design payment sheet for taking the card details hope u get it
Thank you for clarifying. Unfortunately, we don't have an official supported Flutter SDK as this one for reactive Native. We believe you can use the same CardField and CardForm that we reference in this video. However, Flutter isn't a Stripe-built SDK but a third-party build one. We found some third part docs that might help with the customization section: docs.page/flutter-stripe/flutter_stripe/card_field#6-customisation
please make video for flutter web also.
Can be told me how to hide zip code and origin
Hey Suraj-If you are using CardField, you can use "postalCodeEnabled" to control if the postal code field should be displayed. You can find relevant documentation here: stripe.dev/stripe-react-native/api-reference/interfaces/CardFieldProps.html#postalCodeEnabled
@@StripeDevHi. If i use cardForm? How i hide zip code?