Flutter——类似淘口令复制弹窗(避免踩坑)

在这之前，相信很多同学肯定也是遇到了同一个问题：就是按照其他博主给的代码也执行了，粘贴板里也能打印出内容，可就是弹窗死活不弹出，那么为什么呢？

需要在flutter项目工程的main.dart中执行：

核心代码：

@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),
            );
          },
        );
      }
    }
  }

 经过测试分析，受context影响，因为当你切换到当前页的时候，系统并不知道你的context是哪一页，也就是说，系统不知道你当前哪一页想要弹出这个弹窗

正确代码：

@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(GetIt.asNewInstance()<NavigateService>().ctx);
    }
  }

  /// 使用异步调用获取系统剪贴板的返回值。
  getClipboardContents(BuildContext context) 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),
            );
          },
        );
      }
    }
  }

关键代码：Flutter SDK：get_it: ^5.0.1

GetIt.asNewInstance()<NavigateService>().ctx

  推荐参考链接：https://blog.csdn.net/hekaiyou/article/details/93177051