getbouncer / react-native-cardscan

Other
64 stars 13 forks source link

Card Scan UI Customization #134

Open ahaanlimaye opened 3 years ago

ahaanlimaye commented 3 years ago

I'm having trouble figuring out how to customize the UI of SimpleScanViewController in AppDelegate.m

So far I was able to customize the text of the different components of the cardscan using the following code:

SimpleScanViewController.descriptionString = @"Scan Card";
SimpleScanViewController.enableCameraPermissionString = @"Enable Camera Access";
SimpleScanViewController.enableCameraPermissionsDescriptionString = @"To scan your card you'll need to update your phone settings";
SimpleScanViewController.closeButtonString = @"Close";
SimpleScanViewController.torchButtonString = @"Flash";

Although I am having trouble figuring out how to add more customization using these:

Screen Shot 2021-06-24 at 9 27 35 PM

Is there any example code where I can see how to customize using the functions above?

jaimepark-stripe commented 3 years ago

Hello @ahaanlimaye! Unfortunately with the current state of the react-native-cardscan library we only have the string customizations available. We are planning to expand the customization so please be on the lookout!

ahaanlimaye commented 3 years ago

Thanks for the clarification @jaimepark-stripe. Do you have any idea by when you will be rolling out more customization for this library?

jaimepark-stripe commented 3 years ago

There are no dates set in stone just yet.

ryzhak commented 3 years ago

+1 for UI(colors) customization, at this time only custom strings are supported

jaimepark-stripe commented 3 years ago

Hello @ryzhak! Thank you for your message. An in-depth UI customization interface for react-native-cardscan is currently in the works! It should be out ~2 weeks. Will keep you updated on its progress on this thread.

cc @ahaanlimaye

jaimepark-stripe commented 3 years ago

Hello @ryzhak and @ahaanlimaye, react-native-cardscan@2.0.0 is now out with UI customization on iOS! Here are the docs on how to implement it on your projects: https://docs.getbouncer.com/bouncer-scan/credit-card-ocr/react-native-integration-guide/customizing-the-scan-ui

Please give it a try and thank you for your patience~

ashish2583 commented 2 years ago

Hello after installing its giving error in ios when i am pod installing

Screenshot 2021-10-19 at 10 57 53 AM
ashish2583 commented 2 years ago

please give salutation

aldiazveGlobant commented 2 years ago

Hi Guys!

Is it possible to change the position of the instruction text? do you have any plans on something like that? thanks!