Using Stripe’s custom UI elements to accept payments in your React Native app

Поделиться
HTML-код
  • Опубликовано: 29 окт 2024

Комментарии • 19

  • @ImGamerGuy
    @ImGamerGuy Год назад +1

    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"

    • @StripeDev
      @StripeDev  Год назад +1

      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:

  • @ZaibGsm
    @ZaibGsm 5 месяцев назад

    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?

    • @StripeDev
      @StripeDev  5 месяцев назад +1

      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?

    • @ZaibGsm
      @ZaibGsm 5 месяцев назад

      @@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

    • @StripeDev
      @StripeDev  5 месяцев назад

      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.

  • @cbijay
    @cbijay Месяц назад

    how to customize the style of each input of card form ?

    • @StripeDev
      @StripeDev  Месяц назад

      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

  • @shriramvenu
    @shriramvenu Год назад

    can card field be layed out like card form? ie: vertically instead of everything in one row.

    • @StripeDev
      @StripeDev  Год назад

      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.

  • @beps4440
    @beps4440 Год назад +1

    waiting Stripe React Native subscriptions video

  • @seetheworld3839
    @seetheworld3839 Год назад

    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
      @StripeDev  Год назад

      Hi there. You can follow this Flutter Doc for your integration: docs.flutterflow.io/actions/actions/e-commerce-payments/stripe-payment.

    • @seetheworld3839
      @seetheworld3839 Год назад

      @@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

    • @StripeDev
      @StripeDev  Год назад

      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

  • @001Debjeet
    @001Debjeet 2 года назад

    please make video for flutter web also.

  • @surajsahu4159
    @surajsahu4159 Год назад

    Can be told me how to hide zip code and origin

    • @StripeDev
      @StripeDev  Год назад

      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

    • @aidoskabezov3622
      @aidoskabezov3622 10 месяцев назад

      @@StripeDevHi. If i use cardForm? How i hide zip code?