How to change barcode scanner overlay img when scanning?

barcode-scanner will show a background when scanning. but the green square with red line on ios looks so ugly. anyone know how to replace it use a png image ?

Please provide a link to the version of the “barcode scanner” you are using. Ionic Native? Which plugin? Which version of the plugin?

"phonegap-plugin-barcodescanner" : "6.0.6",
"@ionic-native/barcode-scanner": "3.4.4",

sorry~ i forgot

Cordova CLI: 6.5.0
Ionic Framework Version: 2.2.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.1.4
ios-deploy version: 1.9.1
ios-sim version: 5.0.13
OS: macOS Sierra
Node Version: v6.10.0
Xcode version: Xcode 8.2.1 Build version 8C1002

So and

From how I know the plugin there is now way to customize the design of the scan view. You would have to fork the plugin and edit

yeah,I have found this file, but after opening it, I am very confused。image
This page is not the same as what I see on the device

Yeah, probably done in code - I don’t know enough Obj-C to be helpful here.

But I found this:

thank,I’ve done it~,it looks better now.

Uh tell us how you did it. Can you show some code?

u can find code from my github
add two file src/ios/CDCoverView.h and src/ios/CDCoverView.m

create overlay :
change to put overlay form CDCoverView(see here)

change middle box style:
see line 1083 - 1124.
The main code to change middle red line (see here);
The main code to change green box (see here);


PLEASE give us a tutorial how to add a custom scanner overlay!
I know wo many people that would PAY for it in Ionic.
The best also would be that we could “stream” the Scanner to a View. Like Snapchat does. In Example.
Just sayin.
But please provide us a good tutorial for Ionic 2 or 3 how we can change that overlay and add our functions and buttons.


the scanner overlay write by native code(oc & java)
if u want change it by yourself maybe need to rewrite the part of overlay in the plugin.
sorry cant help u. but u can find code from the plugins and change overlay to what u want.

Could not find the github link … Can you please share the latest link?

so we can’t do anything in XIB for customising the UIview ,should everything be done in obj c?