How to open barcode scanner in a custom widget?

user_10991625 0
Viewed 405

I want to open barcode scanner in a container - Custom Widget (Not just barcode scanner QR). For example, while scanning the barcode at the top of the screen, I want to put a button at the bottom to add the barcode I scanned to the shopping cart. Can you suggest a library or method to do this?

I am putting an example picture below.

enter image description here

flutter-widget flutter-layout dart flutter barcode-scanner
1 Answers

Use Stack widget to achieve this (to overlap one widget on another).
I used qr_code_scanner plugin in my case.

Stack(
    children:[
        /* replace this widget with your own */
        QRView(
            key: qrKey,
            onQRViewCreated: _onQRViewCreated,
        ),
        Column(
            children:[
                /* button control here */
            ]
        ),
    ]
);

See https://api.flutter.dev/flutter/widgets/Stack-class.html for more info about stack.

user_114358980
Related