Reference version

This is documentation for the next SDK version. For up-to-date documentation, see the latest version (SDK 51).

MaskedView

GitHub

npm

A library that provides a masked view.

Android
iOS
tvOS

@react-native-masked-view/masked-view provides a masked view that only displays the pixels that overlap with the view rendered in its mask element.

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.
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.

Installation

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

If you are installing this in an existing React Native app (bare workflow), start by installing expo in your project. Then, follow the additional instructions as mentioned by library's README under "Installation in bare React Native projects" section.

Usage

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