1

I am working on a feature for a React Native app (and React web app) that allows users to save their payment methods in their virtual wallet within the app. When the user enters their card information, I want to get the actual image of the card to display in their wallet. PayPal, Amazon and Apple Pay all have this functionality, my question is how and where are they getting these card images? It looks like both Amazon and PayPal are hosting their images internally but my question is where are they getting these images to begin with? and how are they associating the card number to the correct image?

Example of PayPal blank Wells Farg card image:

https://pics.paypal.com//00/s/OTY5WDE1MzZYUE5H/p/NWFiYWQyMTQtNTY1ZC00NGZmLWJiYTItNGE2ZmQ2MDI3NmEw/image__140.png

PayPal Example:

Card displayed in PayPal wallet

Joe Wilson
  • 11
  • 1

1 Answers1

0

In the above scenario use can use the below card image link and download the card sample images and as per type of the card ( like for eg visa, rupay, martercard, etc ) you can use different image background ( tag) and display you data over it in react native.

Card image link : https://www.freevector.com/bank-cards-templates# (you can get more from google as well)

I have also create a demo : https://snack.expo.dev/7hwToa0zd

Image Link : https://im.ge/i/FEsMKa

  • This doesn't meet the requirements of the ask, I need to get the actual card image from the actual bank like Wells Fargo – Joe Wilson Aug 03 '22 at 13:38