Source: https://docs.expo.dev/versions/v52.0.0/sdk/masked-view

Hide navigation

Ctrl K

Home Guides EAS Reference Learn

Reference version

SDK 52

Archive Expo Snack Discord and Forums Newsletter

MaskedView

GitHub npm

A library that provides a masked view.

GitHub npm

Android

iOS

tvOS

Bundled version:

0.3.2

Copy page

@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. Report issues you encounter to react-native-masked-view GitHub repository .

Installation

Terminal

Copy

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

If you are installing this in an existing React Native app , make sure to install expo in your project. Then, follow the installation instructions provided in the library's README or documentation.

Usage

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