如何仅在React Native指定屏幕（登录/支付）阻止截图录屏？

核心思路 #

不要依赖第三方包的全局自动拦截，而是利用页面的生命周期钩子，进入目标页面时开启拦截，离开页面时立即关闭，精准控制生效范围。

方案一：基于react-native-screenshot-prevent包实现 #

你之前安装的react-native-screenshot-prevent其实提供了手动开关方法，并非只能全局生效，具体用法如下：

1. 函数组件示例

import React, { useEffect } from 'react';
import { View, Text } from 'react-native';
import { enableScreenshotPrevent, disableScreenshotPrevent } from 'react-native-screenshot-prevent';

const LoginScreen = () => {
  // 进入页面时开启拦截
  useEffect(() => {
    enableScreenshotPrevent();
    
    // 页面卸载/离开时关闭拦截
    return () => {
      disableScreenshotPrevent();
    };
  }, []);

  return (
    <View>
      <Text>登录页面（已禁止截图）</Text>
      {/* 你的登录表单 */}
    </View>
  );
};

export default LoginScreen;

2. 类组件示例

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import { enableScreenshotPrevent, disableScreenshotPrevent } from 'react-native-screenshot-prevent';

class PaymentScreen extends Component {
  componentDidMount() {
    // 页面加载完成后开启拦截
    enableScreenshotPrevent();
  }

  componentWillUnmount() {
    // 页面销毁前关闭拦截
    disableScreenshotPrevent();
  }

  render() {
    return (
      <View>
        <Text>支付页面（已禁止截图）</Text>
        {/* 你的支付表单 */}
      </View>
    );
  }
}

export default PaymentScreen;

方案二：原生层自定义实现（适合精细控制场景） #

如果第三方包无法满足需求，可自行编写原生模块实现开关逻辑：

iOS 原生代码

在自定义原生模块或页面管理类中添加以下方法：

// 开启阻止截图
- (void)enableScreenshotBlock {
  UIApplication.sharedApplication.isScreenCaptureEnabled = NO;
}

// 关闭阻止截图
- (void)disableScreenshotBlock {
  UIApplication.sharedApplication.isScreenCaptureEnabled = YES;
}

之后在React Native中通过NativeModules调用这两个方法，绑定到页面生命周期即可。

Android 原生代码

在自定义原生模块或对应Activity中添加以下方法：

// 开启阻止截图
public void enableScreenshotBlock() {
  getWindow().setFlags(WindowManager.LayoutParams.FLAG_SECURE, WindowManager.LayoutParams.FLAG_SECURE);
}

// 关闭阻止截图
public void disableScreenshotBlock() {
  getWindow().clearFlags(WindowManager.LayoutParams.FLAG_SECURE);
}

同样通过NativeModules在React Native页面的生命周期中触发调用。

注意事项 #

• 必须确保在页面完全卸载/离开时关闭拦截，避免影响其他页面的正常功能。
• iOS 13+ 和 Android 4.0+ 均支持上述拦截逻辑，低版本系统存在兼容性限制。
• 部分系统级录屏工具可能绕过APP层拦截，这类场景无法通过APP代码完全阻止，仅能覆盖常规防护需求。

内容的提问来源于stack exchange，提问作者Code.ng