react-native-screens

(★ 3,716)

Native navigation primitives for your React Native app.

File Explorer

  • .buckconfig
  • .clang-format
  • .eslintrc.js
  • .flowconfig
  • .gitattributes
  • .gitignore
  • .gitmodules
  • .npmignore
  • .nvmrc
  • .prettierrc.js
  • .watchmanconfig
  • .yarnrc.yml
  • AGENTS.md
  • babel.config.js
  • CLAUDE.md
  • jest.config.js
  • LICENSE
  • package.json
  • react-native.config.js
  • react-navigation
  • README-Fabric.md
  • README.md
  • RNScreens.podspec
  • tsconfig.build.json
  • tsconfig.json
  • yarn.lock

# Installation Guide

node
Prerequisites

Setup Steps

yarn install

Install project root dependency packages.

yarn --cwd FabricExample install

Install dependencies for the FabricExample app.

bundle --gemfile FabricExample/Gemfile install

Install Ruby gems for the FabricExample.

bundle exec pod-install --gemfile FabricExample/Gemfile

Install CocoaPods for the FabricExample iOS project.

yarn --cwd FabricExample android

Build and run the FabricExample Android application.

yarn --cwd FabricExample ios

Build and run the FabricExample iOS application.

Key Commands

yarn install

Install all necessary Node.js dependency packages for the project.

yarn --cwd FabricExample ios

Build and run the FabricExample app on an iOS simulator.

yarn --cwd FabricExample android

Build and run the FabricExample app on an Android emulator.

Ensure Kotlin version compatibility (1.3.50+) and proper MainActivity configuration for Android builds.

# Use via CDN

jsDelivr

jsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.

Command Glossary

Commands referenced in this DOCs, explained below.

🔍

npx

View Details ▼

This command is an alias of `npm exec`.

tldr npm exec

View documentation for the original command:

🔍

react-native

View Details ▼

A framework for building native apps with React.

react-native init {{project_name}}

Initialize a new React Native project in a directory of the same name:

react-native start

Start the metro bundler:

react-native start --reset-cache

Start the metro bundler with a clean cache:

🔍

Screen

View Details ▼

Hold a session open on a remote server. Manage multiple windows with a single SSH connection.
See also: `tmux`, `zellij`, `herdr`.

screen

Start a new screen session:

screen -S {{session_name}}

Start a new named screen session:

screen -dmLS {{session_name}} {{command}}

Start a new daemon and log the output to `screenlog.x`:

🔍

yarn

View Details ▼

JavaScript and Node.js package manager alternative.

yarn global add {{module_name}}

Install a module globally:

yarn install

Install all dependencies referenced in the `package.json` file (the `install` is optional):

yarn add {{module_name}}@{{version}}

Install a module and save it as a dependency to the `package.json` file (add `--dev` to save as a dev dependency):

// repository documentation