search

getbouncer / cardscan-ios

A library for scanning credit and debit cards
MIT License
203 stars 67 forks source link

How to customize the overlay? #275

Open ebellumat opened 3 years ago

ebellumat commented 3 years ago

The lib works pretty well, but the customization link on the docs is broken.

How to customize the overlay?

We're trying to put a style like this:

image

jaimejiyepark commented 3 years ago

Hello @ebellumat, Thank you for catching! Let me whip up some examples and documentation for you in a moment.

jaimejiyepark commented 3 years ago

@ebellumat https://github.com/getbouncer/cardscan-ios-example The CardScanUICustomizationExample app in this repo contains an example of how to customize UI with the native CardScan library.

The two areas you would want to look at are CardScanUICustomizationExample/ViewController.swift and CardScanUICustomizationExample/CustomSimpleScanViewController.swift which hold the implementation of UI customization with ScanViewController and SimpleScanViewController respectively.

ScanViewController's customization capabilities are limited but it contains the corners that you mentioned in your post. SimpleScanViewController's customization capabilities are vast since you have the ability to subclass and create your own view controller.

Please play around with these examples and let me know if I can assist you any further!

ebellumat commented 3 years ago

I'm using https://github.com/getbouncer/react-native-cardscan, in this case, i have to fork this library and add my customization? Thank you for your time.