Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Card Scan UI Customization #134

Open
ahaanlimaye opened this issue Jun 25, 2021 · 9 comments
Open

Card Scan UI Customization #134

ahaanlimaye opened this issue Jun 25, 2021 · 9 comments

Comments

@ahaanlimaye
Copy link

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
Copy link
Collaborator

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
Copy link
Author

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
Copy link
Collaborator

There are no dates set in stone just yet.

@ryzhak
Copy link

ryzhak commented Sep 22, 2021

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

@jaimepark-stripe
Copy link
Collaborator

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
Copy link
Collaborator

Hello @ryzhak and @ahaanlimaye,
[email protected] 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
Copy link

Hello
after installing its giving error in ios when i am pod installing
Screenshot 2021-10-19 at 10 57 53 AM

@ashish2583
Copy link

please give salutation

@aldiazveGlobant
Copy link

aldiazveGlobant commented Oct 26, 2021

Hi Guys!

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants