{"repo":"ftzi/react-native-payment-icons","free":true,"listed":false,"github":"https://github.com/ftzi/react-native-payment-icons","clone":"git clone https://github.com/ftzi/react-native-payment-icons.git","description":"💳 Add Credit Card and other Payment Methods icons to your React Native app","language":"TypeScript","stars":20,"topics":["credit","card","creditcard","icon","icons","react-native","credit-card","visa","mastercard","paypal"],"license":"MIT","category":"mobile-apps","readme_excerpt":"react-native-payment-icons There wasn't a package for displaying credit cards and other payment methods icons in React Native. Wasn't! We use SVGs that were transormed into React Native JSX, so there isn't a loading time to show them up in Expo Go / Expo Dev Client, as images are transferred on demand. The SVGs are compressed / optimized by 60%. It uses the Flat Rounded images from aaronfagan/svg-credit-card-payment-icons , and I intend to support other icon packs in the future, in a tree-shakable way. If you need to discover the card type ( visa , mastercard etc), you can use the credit-card-type package. My App using this package! 💿 Installation 1) Install react-native-svg 2) Install this package: 📖 Usage You must set the type property to the desired credit card / payment method. Available types and their images: When there is more than one type for the same image, it's an alias! Type Image --- --- alipay american-express amex diners-club diners discover elo hiper hipercard jcb maestro mastercard master mir paypal unionpay visa generic cvv code Images from aaronfagan/svg-credit-card-payment-icons You shall define either width or height . No need to define both, as it's set aspectRatio: 780 / 500 , the width / height of the SVGs. If neither is defined, width defaults to 40 . It also accepts all the props of the Svg component, like style . On invalid type , it defaults to generic . 📰 Changelog 🤖 Dev How to setup your own images! If you just want to use the package, you ma","default_branch":null,"files":null,"tree":[],"storefront":"/r/ftzi","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ftzi/react-native-payment-icons/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."}