Skip to content

Viewfinder

Tommy Nguyen edited this page Sep 21, 2023 · 2 revisions

Viewfinder is an experimental, special mode of the example app modified to become a standalone app that can be used in arbitrary React Native projects.

Build

Run the prepare script:

node scripts/prepare-viewfinder.mjs

This will modify package.json and app.json, and install dependencies. The script uses @rnx-kit/align-deps to ensure all the dependencies are up-to-date.

Next, build for the desired platform:

cd example

# Android
yarn build:android
yarn android

# iOS
yarn build:ios
yarn ios

Usage

Once the app is installed, you can start up Metro dev server and the app should automatically connect to it. If you're using @rnx-kit/cli, you can also scan the QR code to connect to the server:

Android iOS
device-2022-09-21-165034 RPReplay_Final1663675736