Guides
Plan-enterprise-icon
Expo Application Services
API Reference

MaskedView

@react-native-masked-view/masked-view provides a masked view which only displays the pixels that overlap with the view rendered in its mask element.
Info-icon
⚠️ You can only have one of either @react-native-community/masked-view (deprecated) or @react-native-masked-view/masked-view installed in your project at any given time. React Navigation v6 and above requires @react-native-masked-view/masked-view, so you should use that package instead if you are using the latest version of React Navigation.
Info-icon
⚠️ Android support for this library is experimental and you may encounter inconsistencies in behavior across platforms. Please report issues you encounter to react-native-masked-view/masked-view/issues.

Platform Compatibility

Android DeviceAndroid EmulatoriOS DeviceiOS SimulatorWeb
Status-success-iconStatus-success-iconStatus-success-iconStatus-success-iconStatus-failed-icon

Installation

Terminal
→ expo install @react-native-masked-view/masked-view

If you're installing this in a bare React Native app, you should also follow these additional installation instructions.

See full documentation at react-native-masked-view/masked-view.