I need that my scanner is full height. Because it will be used also in other devices like tablet, laptop or phones in a webpage.
My code looks like this:
<zxing-scanner
*ngIf="!showHelp"
[previewFitMode]="'fill'"
[enable]="true"
[formats]="['QR_CODE', 'EAN_13', 'CODE_128', 'DATA_MATRIX']"
[torch]="isFlashlightOn"
(scanSuccess)="onScanSuccess($event)"
(torchCompatible)="onTorchCompatible($event)"
(camerasFound)="camerasFoundHandler($event)"
(camerasNotFound)="camerasNotFoundHandler()"
>
</zxing-scanner>
Links to the library: https://github.com/zxing-js/ngx-scanner
but it should be full height.
Thanks
Here's a working solution :
my-component.component.html
my-component.component.scss