react-native-credit-card-input

Easy, cross-platform credit-card input for your React Native Project! Start accepting payment 💰 in your app today!

MIT License

Downloads
10.6K
Stars
1.5K
Committers
6

Bot releases are hidden (Show)

react-native-credit-card-input - Release 1.0.0

Published by sbycrosz 3 months ago

1.0.0 (2024-07-19)

Finally updated in 2024 🎉
This should fix most of the issues from the old version

⚠️⚠️⚠️ BREAKING CHANGE

Features

  • add unit tests (62a415a)
  • refactor credit-card-input to new react standard (9626564)
  • refactor credit-card-lite-input to new react standard (c11a52e)
  • refactor credit-card-view to new react standard (a0b6485)
react-native-credit-card-input - Bug Fixes Latest Release

Published by sbycrosz almost 8 years ago

react-native-credit-card-input - Add more props to CreditCardInput

Published by sbycrosz almost 8 years ago

react-native-credit-card-input - Refactored CreditCardView & Latest RN support

Published by sbycrosz almost 8 years ago

Breaking Changes from 0.2.*

  • cardViewSize prop are removed from CreditCardInput, use cardScale instead (because changing the size will break most of the texts)
  • bgColor prop are removed from CreditCardInput, ask your designer friend to make a credit card image instead (or use the prebundled image)
  • imageFront and imageBack props are renamed to cardImageFront and cardImageBack respectively,
  • Android monospace fonts doesn't looks as nice as iOS Courier, bundle custom fonts into your app and override the default using cardFontFamily instead
react-native-credit-card-input - Add toggle-able fields, Removed focused from onChange

Published by sbycrosz about 8 years ago

  • Now you could use requiresName, requiresCVC, and requiresPostalCode to toggle the displayed fields of CreditCardInput.
  • onChange will not receive focused value, because focusing on a field will not trigger onChange event which might cause rage, confusion, and pain when using the focused value
  • Now you could use onFocus to properly get the currently focused field (e.g. when you want to display a help text just like this)