Add option to disable country and postal code inputs in CardForm component

[kevinhuang78]

Context

I've updated @stripe/stripe-react-native package to v.0.2.0 in order to use CardForm component so that I can use a multi-line form instead of having it on one line.

Issue

I can't remove postal code input and country input.

I can see on the source code here that unlike CardField component, I cannot put postalCodeEnabled to false. Plus I can't see where to remove country field.
I saw that on line 79, you're doing ...props but even though I'm putting postalCodeEnabled to false it's not working

Code I'm using

const StripeCardForm = ({ onFormComplete }) => (
  <CardForm
    postalCodeEnabled={false}
    onFormComplete={onFormComplete}
  />
);

Solution I'd liked

Have the possibility to remove postal code input and country input.

---

Thanks a lot for taking your time answering my issue

[arekkubaczkowski]

@kevinhuang78 unfortunately CardForm doesn't support disabling particular fields atm, I will keep this issue open in order to track progress regarding this

[YoQuieroDistraerlo]

At this point in the payment flow, we already asked the customer for their billing address, so asking again for country and zip code is redundant and make us look unprofessional and/or less competent.
For that reason only, this issue should be labeled as a bug.

If fields cannot be disabled at least we should be able to pre fill them. Can we do that? I didn't find any way to do it.

Thank you!

[AlexSirenko]

@arekkubaczkowski zip code on android have only United States and United Kingdom. Other countries - the form hides the zip code field. On the other hand, IOS has postal code for many of countries. I assume you have used postal code then how do you handle it?

[alexandrebouttier]

@kevinhuang78
little question that has nothing to do, how did you manage to put the label of the postal code in French?

[Jamal-ReachFirst]

Context

I've updated @stripe/stripe-react-native package to v.0.2.0 in order to use CardForm component so that I can use a multi-line form instead of having it on one line.

Issue

I can't remove postal code input and country input.

I can see on the source code here that unlike CardField component, I cannot put postalCodeEnabled to false. Plus I can't see where to remove country field. I saw that on line 79, you're doing ...props but even though I'm putting postalCodeEnabled to false it's not working

Code I'm using

const StripeCardForm = ({ onFormComplete }) => (
  <CardForm
    postalCodeEnabled={false}
    onFormComplete={onFormComplete}
  />
);

Solution I'd liked

Have the possibility to remove postal code input and country input.

Thanks a lot for taking your time answering my issue

+1

[LaGregance]

Hi, same for me, I don't need to ask user for country and zip, any solution ?
Another solution is to use CardField but as far I know we cannot use it with multiline (one line for card number, and next line for Code & expiration)

[dgreasi]

Hi, same for me, I don't need to ask user for country and zip, any solution ? Another solution is to use CardField but as far I know we cannot use it with multiline (one line for card number, and next line for Code & expiration)

Same here

[Jamal-ReachFirst]

It will resolve this issue as well.