【Flutter】iOS上使用 UIPasteboard.detectPatterns 优化剪切板权限弹窗逻辑

使用 UIPasteboard.detectPatterns 优化剪切板权限弹窗逻辑

在上篇文章中,我们探讨了如何通过优化剪切板权限弹窗的触发逻辑,来减少用户体验中的误操作。本文将进一步深入,介绍如何通过预先检测剪切板内容,确保只有符合特定规则的数据才会触发授权弹窗。这样不仅能够提升用户体验,还可以避免不必要的授权请求,尤其是与深度链接和从剪切板获取内容相关的场景。

优化用户体验的关键:提前检测剪切板内容

通常情况下,用户从剪切板中复制的内容无非是文字或链接。然而,为了减少不必要的弹窗提示,我们可以通过检测剪切板内容是否符合特定格式规则,来确定是否触发授权。例如,在涉及深度链接(deeplink)或打开指定页面时,检测到的内容应包含如下格式:

  • 数字 + 空格 + URL 地址 + 空格 + 其他信息

例如,剪切板内容可能是这样的:

复制代码
1 https://www.baidu.com aaaaaa

通过提前检测是否同时包含数字和 URL,我们可以减少不必要的授权提示。为此,我们可以使用 UIPasteboard.general.detectPatterns API 来检测剪切板内容中的模式。

使用 detectPatterns API

自 iOS 14 起,苹果为剪切板提供了 detectPatterns API,这使得我们可以在访问剪切板之前检测其中的内容是否包含符合规则的模式。举个例子,我们可以检测剪切板是否包含 URL 和数字。下面是关键代码示例:

swift 复制代码
// 使用 detectPatterns 检测是否有 URL 和 Number
let somePatterns: Set<UIPasteboard.DetectionPattern> = [
    .probableWebURL,
    .number
]

这个 API 对于提升深度链接处理场景中的用户体验非常有用,因为我们可以确保只有满足指定格式的内容才会触发授权弹窗。

实现思路与代码示例

为了将这一检测逻辑集成到实际应用中,我们可以将其添加到现有的插件或项目中。接下来,我们通过一个实际代码示例来展示如何在插件中实现这个功能。

插件实现代码

下面是一个使用 Flutter 和 iOS 平台的示例插件代码,展示了如何通过 UIPasteboard.detectPatterns API 实现剪切板内容的检测:

swift 复制代码
import Flutter
import UIKit

@available(iOS 16.0, *)
public class SafeClipboardPlugin: NSObject, FlutterPlugin {
    public static func register(with registrar: FlutterPluginRegistrar) {
        let channel = FlutterMethodChannel(name: "safe_clipboard", binaryMessenger: registrar.messenger())
        let instance = SafeClipboardPlugin()
        registrar.addMethodCallDelegate(instance, channel: channel)
        let factory = ClipboardViewFactory(methodChannl: channel)
        registrar.register(factory, withId: "clipboard")
    }
    
    public func handle(_ call: FlutterMethodCall, result: @escaping FlutterResult) {
        switch call.method {
        case "getPlatformVersion":
            result("iOS " + UIDevice.current.systemVersion)
        case "clearClipboard":
            UIPasteboard.general.string = nil
            result(nil)
        case "checkPasteboardHasUrl":
            checkPasteboardHasUrl(result: result)
        default:
            result(FlutterMethodNotImplemented)
        }
    }
    
    func checkPasteboardHasUrl(result: @escaping FlutterResult) {
        if #available(iOS 14.0, *) {
            // 使用 detectPatterns 检测是否有 URL 和 Number
            let somePatterns: Set<UIPasteboard.DetectionPattern> = [
                .probableWebURL,
                .number
            ]

            UIPasteboard.general.detectPatterns(for: somePatterns) { patternsResult in
                switch patternsResult {
                case .success(let detectedPatterns):
                    var hasNumber = false
                    var hasURL = false

                    // 检测到是否有 URL
                    if detectedPatterns.contains(.probableWebURL) {
                        hasURL = true
                    }

                    // 检测到是否有 Number
                    if detectedPatterns.contains(.number) {
                        hasNumber = true
                    }

                    // 返回是否同时检测到 URL 和 Number
                    result(hasURL && hasNumber)

                case .failure(let error):
                    // 处理检测失败的情况
                    print("Failed to detect patterns: \(error.localizedDescription)")
                    result(false)
                }
            }
        } else {
            // 如果是 iOS 14 以下的版本,直接返回 false,因为无法使用 detectPatterns API
            result(true)
        }
    }
}

代码分析

在这个插件中,我们添加了一个 checkPasteboardHasUrl 方法,负责检测剪切板内容是否同时包含 URL 和数字。这些步骤包括:

复制代码
1.	创建检测模式:通过 UIPasteboard.DetectionPattern 定义我们关心的检测模式,这里是 URL 和数字。
2.	调用 detectPatterns 方法:检查剪切板中是否包含符合我们检测模式的内容。
3.	返回检测结果:如果剪切板中同时包含 URL 和数字,则返回 true,否则返回 false。
API 版本兼容性

注意,这个功能只能在 iOS 14 及以上版本中使用。如果检测到设备运行的系统版本低于 iOS 14,则我们默认返回 true,以便应用能够继续正常运行。

相关推荐
行者9610 小时前
Flutter适配OpenHarmony:国际化i18n实现中的常见陷阱与解决方案
开发语言·javascript·flutter·harmonyos·鸿蒙
wey60810 小时前
fiuckjs 基于react的flutter动态化方案
flutter
行者9612 小时前
Flutter在鸿蒙平台实现自适应步骤条组件的完整指南
flutter·harmonyos·鸿蒙
搜狐技术产品小编202314 小时前
精通 UITableViewDiffableDataSource——从入门到重构的现代 iOS 列表开发指南
ios·重构
行者9614 小时前
Flutter与OpenHarmony深度整合:打造高性能自定义图表组件
flutter·harmonyos·鸿蒙
行者9615 小时前
Flutter适配OpenHarmony:高效数据筛选组件的设计与实现
开发语言·前端·flutter·harmonyos·鸿蒙
yujunlong391915 小时前
Dart Frog 后端开发实战:轻量级 API 构建与生产环境调优
flutter·dart·dart frog
tangweiguo0305198715 小时前
SwiftUI 状态管理完全指南:从 @State 到 @EnvironmentObject
ios
Swuagg15 小时前
Flutter 探索入门
flutter
kirk_wang16 小时前
当Flutter的并发利器遇上鸿蒙:flutter_isolate的OHOS适配之旅
flutter·移动开发·跨平台·arkts·鸿蒙