1. 程式人生 > >9、Flutter 實現 生成二維碼

9、Flutter 實現 生成二維碼

ride pub png 二維 appbar com return itl bsp

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

9、Flutter 實現 生成二維碼