How to customize the "BarcodeScanner" in ionic 3

Question

I am facing an issue in customizing the design for (QR code scan screen) in ionic 3 which exists in ionic BarcodeScanner library. I need help in customizing this screen, add header, footer, and buttons. In the attachment, there is a screen shot for the design and screen shot for the QR code scan in ionic.

Appreciate your help guys.

Answer 1

You will have to fork the original plug-in from

https://github.com/phonegap/phonegap-plugin-barcodescanner/blob/master/src/ios/scannerOverlay.xib

for IOS or the respective one for android and modify camera overlay with android and xml. See example:

https://github.com/EddyVerbruggen/nativescript-barcodescanner