Flutter代碼錦囊---淘口令複製彈窗

對於淘系電商APP或其他類似的APP而言，獲取剪貼板上的淘口令，再解析出具體的商品詳情，是整個APP的核心業務操作，就像下面圖片展示的這樣。

下面我們就用Flutter實現這個功能，首先是前面一部分導入相關引用和常規頁面佈局代碼，直接複製就好了。

import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/services.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

接下來就是主要代碼，我們需要實現組件綁定觀察者（WidgetsBindingObserver）抽象類，使用組件（Widgets）圖層綁定註冊的類的接口，我們會覆蓋它的App生命週期狀態發生改變（didChangeAppLifecycleState）方法，其返回值類型是應用生命週期狀態（AppLifecycleState）類。

應用生命週期狀態（AppLifecycleState）類有幾個常量，分別是：等待（AppLifecycleState.inactive）、暫停（AppLifecycleState. paused）和恢復（AppLifecycleState. resumed）。

class _MyHomePageState extends State<MyHomePage> with WidgetsBindingObserver {
  @override
  void initState() {
    // 在當前頁面放一個觀察者。
    WidgetsBinding.instance.addObserver(this);
    super.initState();
  }

  @override
  void dispose() {
    // 移除當前頁面的觀察者。
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    // 當App生命週期狀態爲恢復時。
    if (state == AppLifecycleState.resumed) {
      getClipboardContents();
    }
  }

  /// 使用異步調用獲取系統剪貼板的返回值。
  getClipboardContents() async {
    // 訪問剪貼板的內容。
    ClipboardData clipboardData = await Clipboard.getData(Clipboard.kTextPlain);
    // 剪貼板不爲空時。
    if (clipboardData != null && clipboardData.text.trim() != '') {
      String _name = clipboardData.text.trim();
      // 淘口令的正則表達式，能判斷類似“￥123456￥”的文本。
      if (RegExp(r'[\uffe5]+.+[\uffe5]').hasMatch(_name)) {
        // 處理淘口令的業務邏輯。
        showDialog<Null>(
          context: context,
          barrierDismissible: true,
          builder: (BuildContext context) {
            return CupertinoAlertDialog(
              title: Text('淘口令'),
              content: Text(_name),
            );
          },
        );
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Demo 主頁'),
      ),
    );
  }
}

如果把上面兩段代碼合成一個文件，執行調試，然後把APP放在後臺，再複製一段淘口令，然後回到APP時，就會像下面一樣彈出窗口。