Shulou(Shulou.com)06/01 Report--

This article mainly shows you "Flutter how to scan the QR code function", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "how to scan the QR code function of Flutter" this article.

The details are as follows

First add the following to the pubspec.yaml:

Dependencies: qrscan: ^ 0.3.2 event_bus: ^ 2.0.0

Add the following permissions to the androd manifest file:

Import 'package:flutter/material.dart';import' package:qrscan/qrscan.dart' as scanner;import 'package:event_bus/event_bus.dart';void main () {runApp (MyApp ());} final eventBus = EventBus (); class MyApp extends StatelessWidget {@ override Widget build (BuildContext context) {return MaterialApp (home: HomePage ()) }} class HomePage extends StatelessWidget {@ override Widget build (BuildContext context) {return Scaffold (appBar: AppBar (title: Text ("QRScan")), body: BodyContent (),);}} class BodyContent extends StatelessWidget {const BodyContent ({Key? Key}): super (key: key); @ override Widget build (BuildContext context) {return Container (child: Column (children: [HYButton (), HYText ()],));}} class HYButton extends StatelessWidget {@ override Widget build (BuildContext context) {return ElevatedButton (child: Text ("scan"), onPressed: scan,);} Future scan () async {String? CameraScanResult = await scanner.scan (); / / obtain the data in the QR code final info = QRInfo ("${cameraScanResult}"); eventBus.fire (info); print (cameraScanResult); / / print} class HYText extends StatefulWidget {@ override _ HYTextState createState () = > _ HYTextState () on the console;} class _ HYTextState extends State {String message = "Hello GalenWu"; @ override void initState () {super.initState () EventBus.on () .listen ((data) {setState () {message = "${data.qrcode}";});} @ override Widget build (BuildContext context) {return Text (message, style: TextStyle (fontSize: 30),);}} class QRInfo {String? Qrcode; QRInfo (this.qrcode);}

The above is all the contents of the article "how to scan the QR Code in Flutter". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.