最近项目中需要实现防止截屏功能,网上很多都是推荐使用flutter_forbidshot
,但是这个只能设置Android端,iOS端是用户截屏后发出通知,也就是说iOS端并不能禁止用户截屏。
当然iOS端也有禁止截屏的功能可以参考iOS截屏防护-担心App内容被截屏泄露吗?这个开源库就是你要的具体原理讲的很清楚。
private func makeSecureView() -> UIView? {
let tf = UITextField()
tf.isSecureTextEntry = true
let fv = tf.subviews.first
fv?.subviews.forEach { $0.removeFromSuperview() }
fv?.isUserInteractionEnabled = true
return fv
}
于是就使用自定义FlutterViewController
方式并重写loadView()
方法将view替换成makeSecureView()
,但这时出现了一个问题:运行后项目中除了flutter自带Icons的所有图片都不显示了,如果你知道为什么会这样请评论区告诉俺,谢谢。
经过尝试,可以重写viewDidLoad()
方法,将view
替换成防截图的view,再将控制器的原view添加到新的view上,说起来有点麻烦,全部代码如下:
import UIKit
import Flutter
@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
override func application(
_ application: UIApplication,
didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
) -> Bool {
window = UIWindow.init(frame: UIScreen.main.bounds)
window.backgroundColor = .white
let vc = FViewController()
window.rootViewController = vc
GeneratedPluginRegistrant.register(with: self)
FlutterChannel.default.registMessageChannel(with: vc.binaryMessenger)
return super.application(application, didFinishLaunchingWithOptions: launchOptions)
}
}
/// 自定义根控制器 - 继承自FlutterViewController
class FViewController: FlutterViewController {
override func viewDidLoad() {
super.viewDidLoad()
let v = view // 取出原view
v?.backgroundColor = .white // 背景色 - 截图的颜色
v?.frame = .zero // 不能设置为UIScreen.main.bounds
view = makeSecureView() // 生成防截图view
view.addSubview(v!) // 必须将原view添加到当前view上
}
/// 生成防截图view
private func makeSecureView() -> UIView? {
let tf = UITextField()
tf.isSecureTextEntry = true // 必须是true,否则无法禁止截图
let fv = tf.subviews.first
fv?.subviews.forEach { $0.removeFromSuperview() }
fv?.isUserInteractionEnabled = true // 开启交互
return fv
}
}
注意:
1、自定义的控制器必须继承自
FlutterViewController
,否则在AppDelegate
中会报错,因为这个AppDelegate其实是FlutterAppDelegate
里面实现了flutter与原生交互的channel等功能
2、v?.frame = .zero
,frame必须设置且不能为全屏,否则项目中的所有元素变大,导致显示不全,具体原理不清楚
3、必须将原view添加到新view上,否则项目页面不显示
4、可以将let tf = UITextField()
设置为全局变量,并通过flutter与原生交互设置tf.isSecureTextEntry
来开启和关闭防截屏功能
该方式是全局防止截屏,若要实现页面的某一部分防止截屏应该也类似,主要区别应该是将自定义FlutterViewController
换成自定义UIView
,俺没有试过
iOS防截屏功能就这些了,当然这个只是本人仓促间想到的方法,不一定是最好的,有问题请您指正,如果您有更好的方法也可以分享出来让大家共同学习,感谢。