Flutter iOS应用阻止截图失效，求正确实现方案

你当前的makeSecure实现存在层级逻辑问题，结合Flutter的UI渲染特性，导致阻止截图的功能无法生效。以下是两种可行的修复方案：

方案一：修改原生AppDelegate实现，全局阻止截图 #

调整UIWindow扩展的逻辑，并监听应用生命周期，确保安全层始终生效：

import UIKit
import Flutter

// 将UIWindow扩展移到类外部，避免作用域冲突
extension UIWindow {
    func makeSecure() {
        // 避免重复添加安全字段
        guard subviews.first(where: { $0 is UITextField && ($0 as? UITextField)?.isSecureTextEntry == true }) == nil else {
            return
        }
        
        let secureField = UITextField()
        secureField.isSecureTextEntry = true
        secureField.translatesAutoresizingMaskIntoConstraints = false
        addSubview(secureField)
        
        // 固定安全字段位置（不影响界面显示）
        NSLayoutConstraint.activate([
            secureField.centerXAnchor.constraint(equalTo: centerXAnchor),
            secureField.centerYAnchor.constraint(equalTo: centerYAnchor)
        ])
        
        // 调整层级，让窗口内容依附到安全字段的层上
        secureField.layer.superlayer?.addSublayer(layer)
        layer.addSublayer(secureField.layer)
    }
    
    func removeSecure() {
        // 清理旧的安全字段
        subviews.first(where: { $0 is UITextField && ($0 as? UITextField)?.isSecureTextEntry == true })?.removeFromSuperview()
    }
}

@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
    override func application(
        _ application: UIApplication,
        didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
    ) -> Bool {
        GeneratedPluginRegistrant.register(with: self)
        
        // 初始化时设置安全层
        window?.makeSecure()
        
        // 监听应用进入前台事件，重新设置安全层（避免后台切换后失效）
        NotificationCenter.default.addObserver(
            self,
            selector: #selector(handleWillEnterForeground),
            name: UIApplication.willEnterForegroundNotification,
            object: nil
        )
        
        return super.application(application, didFinishLaunchingWithOptions: launchOptions)
    }
    
    @objc private func handleWillEnterForeground() {
        // 先清理再重新设置，避免层级混乱
        window?.removeSecure()
        window?.makeSecure()
    }
    
    // 销毁时移除监听
    deinit {
        NotificationCenter.default.removeObserver(self)
    }
}

方案说明 #

• 调整了安全字段的层级添加逻辑，确保Flutter窗口的内容能正确关联到安全文本字段的层
• 增加了重复添加的判断，避免多次调用导致的层级问题
• 监听应用进入前台事件，每次回到前台都重新初始化安全层，解决后台切换后功能失效的问题

方案二：通过MethodChannel实现页面级截图控制 #

如果只需要在特定Flutter页面阻止截图，可以通过MethodChannel实现原生与Flutter的交互：

Flutter端代码 #

import 'package:flutter/services.dart';

class ScreenshotBlocker {
  static const _channel = MethodChannel('screenshot_blocker');

  // 开启截图阻止
  static Future<void> enableSecure() async {
    await _channel.invokeMethod('enableSecure');
  }

  // 关闭截图阻止
  static Future<void> disableSecure() async {
    await _channel.invokeMethod('disableSecure');
  }
}

原生AppDelegate补充代码 #

在didFinishLaunchingWithOptions方法中添加MethodChannel处理：

// 注册MethodChannel
let screenshotChannel = FlutterMethodChannel(name: "screenshot_blocker", binaryMessenger: window!.rootViewController as! FlutterBinaryMessenger)
screenshotChannel.setMethodCallHandler { [weak self] call, result in
    switch call.method {
    case "enableSecure":
        self?.window?.makeSecure()
        result.success(nil)
    case "disableSecure":
        self?.window?.removeSecure()
        result.success(nil)
    default:
        result.notImplemented()
    }
}

使用方式 #

在需要阻止截图的页面中调用：

@override
void initState() {
  super.initState();
  ScreenshotBlocker.enableSecure();
}

@override
void dispose() {
  ScreenshotBlocker.disableSecure();
  super.dispose();
}

注意事项 #

iOS系统无法完全禁止用户触发截图操作，但通过上述方法可以让截图内容显示为空白或黑色，达到保护敏感内容的目的。

内容的提问来源于stack exchange，提问作者Kafiul Islam