stripe-react-native icon indicating copy to clipboard operation
stripe-react-native copied to clipboard

CardForm doesn't include "return" or "done" button in the keyboard

Open nlasagni opened this issue 2 months ago • 0 comments

Describe the bug The CardForm component on iOS doesn't include any "return" or "done" button in the keyboard.

                        <CardForm
                            placeholders={{
                                number: t('card_number'),
                                cvc: t('cvc'),
                                expiration: t('card_expiry_date_placeholder'),
                                postalCode: t('zip'),
                            }}
                            defaultValues={{ countryCode: 'US' }}
                            style={styles.cardForm}
                            cardStyle={cardStyle(colors)}
                            onFormComplete={cardDetails => {
                                setCardFormComplete(cardDetails.complete);
                            }}
                        />

To Reproduce Steps to reproduce the behavior:

  1. Integrate the CardForm component
  2. On Android, the Done button is present in the keyboard. On iOS, it's missing, and it's not possible to catch the CardForm focus and show a custom button programmatically.

Expected behavior The CardForm component on iOS should include a "return" or "done" button in the keyboard.

nlasagni avatar Nov 04 '25 14:11 nlasagni