React Native Flip Card Input
Card Input component for React Code:
<CardInput cardFlip=thisstatecardFlip //use to flip card after input expiry date cardNumber=thisstatecardNumber //use to manage card number state name=thisstatename //use to manage card holder name state expiry=thisstateexpiry // use to manage card expiry state cvv=thisstatecvv // use to manage card CVV state input=thisstateselectedInput // use to manage and highlight current editable field namePlaceholder=thisstatenamePlaceholder // use to manage name placeholder state cardNumberPlaceholder=thisstatecardNumberPlaceholder // use to manage card number placeholder state cardType=thisstatecardType // use to manage card type state cardBackgroundColor='black' // use to manage card background color/>
Usage
npm i --save rn-card-flip
then add these lines in your react-native codebase
; <CardInput cardFlip=thisstatecardFlip cardNumber=thisstatecardNumber name=thisstatename expiry=thisstateexpiry cvv=thisstatecvv input=thisstateselectedInput namePlaceholder=thisstatenamePlaceholder cardNumberPlaceholder=thisstatecardNumberPlaceholder cardType=thisstatecardType/>;