5

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.

the QR code scan screen and the design which I want to use

Swapnil Patwa
  • 4,069
  • 3
  • 25
  • 37
Osama khodroj
  • 1,230
  • 2
  • 23
  • 29
  • 3
    You will have to fork the original plugin and modify the native design of the camera-overlay. – David Sep 07 '17 at 13:36

1 Answers1

0

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

Boogie
  • 350
  • 3
  • 8
  • your response is correct. For those who doubt it, check the response from a community moderator on the ionic forum: https://forum.ionicframework.com/t/how-to-change-barcode-scanner-overlay-img-when-scanning/86095/4?u=guithomas – Guilherme Pereira Dec 06 '18 at 18:07