一、生成二維碼

1、導入依賴

在 pubspec.yaml 中 dependencies 節點下添加：

# 二維碼生成 https://pub.dev/packages/qr_flutterqr_flutter: ^3.2.0

2、引入代碼

import 'package:qr_flutter/qr_flutter.dart';

3、屬性

4、代碼

Container(padding: EdgeInsets.all(15),decoration: BoxDecoration(color: Colors.white,borderRadius:BorderRadius.all(Radius.circular(16.0))),child: QrImage(// backgroundColor: Colors.white,foregroundColor: Colours.app_main,data: shareData['share_url'] ?? '',size: 200.0, )),

二、掃描二維碼

1、導入依賴

在 pubspec.yaml 中 dependencies 節點下添加：

# 二維碼掃描 https://pub.dev/packages/barcode_scanbarcode_scan: ^3.0.1

2、引入代碼

import 'package:barcode_scan/barcode_scan.dart';

3、代碼

class _QRCodeState extends State<QRCode> {var textStr = '';@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text("二維碼"),),body: Container(width: MediaQuery.of(context).size.width, //充滿屏幕寬度,child: Column(crossAxisAlignment: CrossAxisAlignment.center, //居中children: [SizedBox(height: 50,),RaisedButton(child: Text("二維碼掃描"),onPressed: () {getQrcodeState().then((value) => setState(() {this.textStr = value;}));},),SizedBox(height: 20,),Text("掃描內容為${this.textStr}"),],),),);}//掃描二維碼static Future<String> getQrcodeState() async {try {const ScanOptions options = ScanOptions(strings: {'cancel': '取消','flash_on': '開啟閃光燈','flash_off': '關閉閃光燈',},);final ScanResult result = await BarcodeScanner.scan(options: options);return result.rawContent;} catch (e) {}return null;} }

總結

以上是生活随笔為你收集整理的Flutter之实现生成二维码，扫描二维码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。