Skip to content
nexubDesign System
v2.4.0

Components · Mobile only · Privacy

Privacy Shield

AlphaiOS & Android

Covers the app in the app switcher and can block screenshots (expo-screen-capture).

Usage

@nexub/react-native
import { PrivacyShield } from '@nexub/react-native';

<PrivacyShield preventCapture>{children}</PrivacyShield>

Interactive preview of @nexub/react-native rendered for the web. Native chrome (switches, pickers, Liquid Glass) looks like the platform on a device.

On device

Privacy Shield on iPhone (iOS simulator)

iPhone (iOS simulator)

Privacy Shield on Pixel (Android emulator)

Pixel (Android emulator)

Screenshots from the latest CI run of the showcase app; the live frame renders the same code for the web.

PrivacyShield props

PrivacyShield props (React Native)
PropTypeDefaultDescription
childrenrequiredReact.ReactNode——
coverReact.ReactNode—Shown over the app in the app switcher (e.g. your logo).
preventCaptureboolean—Block screenshots and recording (Android FLAG_SECURE; iOS hides the content in captures). Needs expo-screen-capture.