Flutter 實現 生成二維碼

1、加入依賴

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

dependencies:
  qr_flutter: ^1.1.6

 

2、引入代碼

在需要細線二維碼的 dart 類中引入依賴代碼包：

import 'package:qr_flutter/qr_flutter.dart';

 

代碼部分

import 'package:flutter/material.dart';
import 'package:qr_flutter/qr_flutter.dart';

/**
 * 首頁
 */
class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage>
    with AutomaticKeepAliveClientMixin { // 切換界面保持，不被重置

  @override
  bool get wantKeepAlive => true;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: new AppBar(
        title: new Text("我是標題"),
      ),
      body: new Center(
        child: new QrImage(
          data: "這里是需要生成二維碼的數據",
          size: 200.0,
      ),
      ),
    );
  }
}

 

詳細屬性：https://pub.dartlang.org/packages/qr_flutter

 

3、實現效果

 

博客地址：https://www.cnblogs.com/niceyoo