{"repo":"sbycrosz/react-native-credit-card-input","free":true,"listed":false,"github":"https://github.com/sbycrosz/react-native-credit-card-input","clone":"git clone https://github.com/sbycrosz/react-native-credit-card-input.git","description":"Easy, cross-platform credit-card input for your React Native Project! Start accepting payment 💰 in your app today!","language":"TypeScript","stars":1508,"topics":["react-native","component","payment","credit-card","ios","android"],"license":"MIT","category":"mobile-apps","readme_excerpt":"React Native Credit Card Input - Finally updated in 2024! Example on Expo Snack - Easy (and good looking) credit-card input for your React Native Project 💳 💳 Code: Features Skeuomorphic credit-card 💳 Lite version for smaller screens / compact layout Credit-card input validations & formatting while you're typing Form is fully navigatable using keypad Works on both Android, iOS and Web! Usage then add these lines in your react-native codebase And then on your onChange handler: Example Expo Snack Or run it locally Should I used this in my project? - Yes, if you need a quick credit card input component for your project or proof of concept. - Yes, if the current UI/component fit your use case - Otherwise, you're probably better off using your favorite form library and implementing the validation with the card-validator package! Components LiteCreditCardInput Prop Type Description -------------------- ------------------------------------------- --------------------------------------------------------------- autoFocus boolean Optional. Specifies if the input should auto-focus. style ViewStyle Optional. Custom style for the component's container. inputStyle TextStyle Optional. Custom style for the input fields. placeholderColor string Optional. Color for the placeholder text. placeholders { number: string; expiry: string; cvc: string; } Optional. Custom placeholders for the input fields. onChange (formData: CreditCardFormData) = void Required. Callback function called when form da","default_branch":null,"files":null,"tree":[],"storefront":"/r/sbycrosz","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/sbycrosz/react-native-credit-card-input/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}