Project: QR Code Scanner using Flutter with Source Code

About QR Code Scanner Application

A QR code scanner using Flutter that works on both iOS and Android by natively embedding the platform view within Flutter. The integration with Flutter is seamless, much better than jumping into a native Activity or a ViewController to perform the scan.

Get Scanned QR Code using Flutter

class _QRViewExampleState extends State<QRViewExample> {
  final GlobalKey qrKey = GlobalKey(debugLabel: 'QR');
  var qrText = "";
  QRViewController controller;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: <Widget>[
          Expanded(
            flex: 5,
            child: QRView(
              key: qrKey,
              onQRViewCreated: _onQRViewCreated,
            ),
          ),
          Expanded(
            flex: 1,
            child: Center(
              child: Text('Scan result: $qrText'),
            ),
          )
        ],
      ),
    );
  }

  void _onQRViewCreated(QRViewController controller) {
    this.controller = controller;
    controller.scannedDataStream.listen((scanData) {
      setState(() {
        qrText = scanData;
      });
    });
  }

  @override
  void dispose() {
    controller?.dispose();
    super.dispose();
  }
}

iOS Integration

In order to use this plugin, add the following to your Info.plist file:

<key>io.flutter.embedded_views_preview</key>
<true/>
<key>NSCameraUsageDescription</key>
<string>This app needs camera access to scan QR codes</string>

Screenshots

SDK

Requires at least SDK 24 (Android 7.0).

TODOs

• iOS Native embedding is written to match what is supported in the framework as of the date of publication of this package. It needs to be improved as the framework support improves.
• In future, options will be provided for default states.
• Finally, I welcome PR’s to make it better :), thanks

Requirements:

• Download the last version of Android Studio SDK
• Download and Install Flutter SDK
• Install the plugin Flutter and Dart for VS Code or Flutter in Android Studio

Run on the project folder:

• Check if the branch is origin/develop.
• Then run in terminal flutter packages get.
• If you don’t want to emulate the SDK on your computer, you need to connect your mobile phone.
• After that run with F5 if you use Visual studio code or run with the button play in Android Studio.