nativescript-barcodeview
    TypeScript icon, indicating that this package has built-in type declarations

    3.4.9 • Public • Published

    NativeScript BarcodeView

    Supported barcode types

    iOS and Android

    • CODE_39
    • CODE_93
    • CODE_128
    • DATA_MATRIX
    • EAN_8
    • EAN_13
    • ITF (also known as ITF14)
    • PDF_417 (on Android only when passed in explicity via formats)
    • QR_CODE
    • UPC_A
    • UPC_E

    Android only

    • CODABAR
    • MAXICODE
    • RSS_14

    iOS only

    • AZTEC
    • CODE_39_MOD_43
    • INTERLEAVED_2_OF_5

    A note about UPC_A and EAN_13

    When either (or both) of these are specified, both can be returned. You can check the actual type by inspecting the format property of the result object. For details, see #176.

    Installation

    • tns plugin add nativescript-barcodeview

    Be sure to run a new build after adding plugins to avoid any issues.


    Usage

    The nativescript BarcodeView is base on nativescript-barcodescanner from Eddy Verbruggen

    Plain NativeScript

    IMPORTANT: Make sure you include xmlns:mdc="nativescript-canvas" on the Page element

    XML

    <Page xmlns:bc="nativescript-barcodeview">
        <StackLayout horizontalAlignment="center">
            <bc:BarcodeView width="100" height="100" scanResult="onScanResult"/>
       </StackLayout>
    </Page>

    NativeScript + Angular

    import { registerElement } from 'nativescript-angular/element-registry';
    import { BarcodeView } from 'nativescript-barcodeview';
    registerElement('BarcodeView', () => BarcodeView);
    <BarcodeView width="100" height="100" (scanResult)="onScanResult($event)"></CanvasView>

    NativeScript + Vue

    import Vue from 'nativescript-vue';
    (<any>Vue).registerElement('BarcodeView', () => require('nativescript-barcodeview').BarcodeView);
     
    <BarcodeView  width="100" height="100"  @scanResult="onScanResult"/>

    Whatever the UI framework you will receive the event in :

    function onScanResult(text:string, barcodeFormat:string) {
     
    }

    Properties

    • formats
      coma separated list of format to decode

    • preferFrontCamera
      whether to prefer front camera

    • beepOnScan
      should i beep?

    • reportDuplicates
      should i keep on reporting?

    • pause
      pause camera

    • torchOn
      you guess right?

    Methods

    • pauseScanning
    • resumeScanning

    Android

    ZXing: https://github.com/zxing/zxing/releases ZXing Android Embedded: https://github.com/journeyapps/zxing-android-embedded

    Install

    npm i nativescript-barcodeview

    DownloadsWeekly Downloads

    2

    Version

    3.4.9

    License

    MIT

    Unpacked Size

    84.7 kB

    Total Files

    20

    Last publish

    Collaborators

    • farfromrefuge