origogi / flutter-credit-card-input-form Goto Github PK

Amex cards have a 4 digit CVC, only 3 possible

proof:

════════ Exception caught by rendering library ═════════════════════════════════
The following assertion was thrown during layout:
A RenderFlex overflowed by 13 pixels on the bottom.

The relevant error-causing widget was
CreditCardInputForm
lib\…\payment\payment_view.dart:46
You can inspect this widget using the 'Inspect Widget' button in the VS Code notification.
The overflowing RenderFlex has an orientation of Axis.vertical.
The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and black striped pattern. This is usually caused by the contents being too big for the RenderFlex.

Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the RenderFlex to fit within the available space instead of being sized to their natural size.
This is considered an error condition because it indicates that there is content that cannot be seen. If the content is legitimately bigger than the available space, consider clipping it with a ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex, like a ListView.

The specific RenderFlex in question is: RenderFlex#bbd90 OVERFLOWING
════════════════════════════════════════════════════════════════════════════════

════════ Exception caught by rendering library ═════════════════════════════════
A RenderFlex overflowed by 13 pixels on the bottom.
The relevant error-causing widget was
CreditCardInputForm
lib\…\payment\payment_view.dart:46
════════════════════════════════════════════════════════════════════════════════

Font size of card number seems fixed, so it overflows in smaller devices like iPhone SE.

Hello,

is it possible for you to add Card Issuer such as Bank? Most cards have card issuer printed on the top left of the card. I appreciate if you take this into consideration.

Regards

Hello and Thank you for this great library , my only issue is that the widget is autofocused by default so how can i possibly set autofocus to false

how to rotate the card?

Hello I put this package to my favourites few months ago and trying to use it now.
Thank you for your contribution before the question.

I'm planning to save the card information and let users to see their cards filled with the information.
I tried to find how to put data into the card but I couldn't find text controller from the code.
If possible, would you tell me how I can make a card with information?

Do you have any option to edit the card after clicking "DONE".?
When I go to DONE the fields disappear so I can't edit it if I typed the wrong number on the card.

How can i change the card text and text of next previous button in credit card input form library plz suggest

it is possible to implement an ontap overwrite in the next and previous

It's possible to enter text in card number field (with some phones or with a copy/paste) = Red screen.
Thank you

Removal of print cardName, in file card_sign.dart line 16

There should be atleast access to the textfields as there is no way to add.. validation to this.!

Hi, thanks for the awesome lib!

One question, is there a way to customize the prev and next buttons? I was checking out the source code and it seems like there isn't. Are there plans to enable this?

Thanks!

With a Samsung text field bottom overflow 4 pixels

Thank you

Do you plan to update null-safety ?
thank you ?

Is there a way to do something separate from the credit card when the done button is pressed? Essentially, I want to call 'onPressed'

Error:

Solution:
Add SingleChildScrollView() Widget Just Above the Cloumn Widget, See the Below Image:

Preview: