### Install Pods for React Native >= 0.60

Source: https://github.com/callstack/masked-view/blob/master/README.md

After installing the package, run this command to install the native pods for iOS when using React Native version 0.60 or higher.

```sh
npx pod-install
```

--------------------------------

### Install MaskedView with NPM

Source: https://github.com/callstack/masked-view/blob/master/README.md

Use this command to add the MaskedView package to your project using npm.

```sh
npm install --save @react-native-masked-view/masked-view
```

--------------------------------

### Install MaskedView with Yarn

Source: https://github.com/callstack/masked-view/blob/master/README.md

Use this command to add the MaskedView package to your project using Yarn.

```sh
yarn add @react-native-masked-view/masked-view
```

--------------------------------

### Install modern-screenshot for Web Usage

Source: https://github.com/callstack/masked-view/blob/master/README.md

To use MaskedView on the web, you need to install the `modern-screenshot` package.

```sh
yarn add modern-screenshot
```

--------------------------------

### Basic MaskedView Usage in React Native

Source: https://github.com/callstack/masked-view/blob/master/README.md

Demonstrates how to import and use the MaskedView component. The `maskElement` prop defines the mask, and children are rendered behind it. Ensure the mask element has a transparent background to utilize its alpha channel.

```jsx
import React from 'react';
import { Text, View } from 'react-native';
import MaskedView from '@react-native-masked-view/masked-view';

const App = () => {
  return (
    <MaskedView
      style={{ flex: 1, flexDirection: 'row', height: '100%' }}
      maskElement={
        <View
          style={{
            // Transparent background because mask is based off alpha channel.
            backgroundColor: 'transparent',
            flex: 1,
            justifyContent: 'center',
            alignItems: 'center',
          }}
        >
          <Text
            style={{
              fontSize: 60,
              color: 'black',
              fontWeight: 'bold',
            }}
          >
            Basic Mask
          </Text>
        </View>
      }
    >
      {/* Shows behind the mask, you can put anything here, such as an image */}
      <View style={{ flex: 1, height: '100%', backgroundColor: '#324376' }} />
      <View style={{ flex: 1, height: '100%', backgroundColor: '#F5DD90' }} />
      <View style={{ flex: 1, height: '100%', backgroundColor: '#F76C5E' }} />
      <View style={{ flex: 1, height: '100%', backgroundColor: '#e1e1e1' }} />
    </MaskedView>
  );
}

export default App
```

--------------------------------

### Link MaskedView for React Native < 0.60

Source: https://github.com/callstack/masked-view/blob/master/README.md

For React Native versions older than 0.60, manually link the native parts of the library using this CLI command.

```sh
react-native link @react-native-masked-view/masked-view
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.