React Native Hole View - Web Example

November 19, 2025 · View on GitHub

This example demonstrates the React Native Web implementation of RNHoleView.

Getting Started

Using Yarn

Navigate to the example directory:
```
cd exampleWeb
```
Install dependencies:
```
yarn install
```
Or use the shorthand:
```
yarn
```
Start the development server:
```
yarn dev
```
Open the printed Vite URL (defaults to http://localhost:5174) to interact with the overlay demo.

Using npm

Navigate to the example directory:
```
cd exampleWeb
```
Install dependencies:
```
npm install
```
Start the development server:
```
npm run dev
```
Open the printed Vite URL (defaults to http://localhost:5174) to interact with the overlay demo.

Available Scripts

Yarn

yarn dev - Start the development server
yarn build - Build the project for production
yarn preview - Preview the production build

npm

npm run dev - Start the development server
npm run build - Build the project for production
npm run preview - Preview the production build

Features

This example showcases:

Basic hole view with touch-through functionality
Animated hole transitions
Support for nested views and interactive elements
Cross-browser compatibility (including Firefox)