HomeGuidesReferenceLearn

Reference version

ArchiveExpo SnackDiscord and ForumsNewsletter
This is documentation for the next SDK version. For up-to-date documentation, see the latest version (SDK 51).

Screens

GitHub

npm

A library that provides native primitives to represent screens instead of plain React Native View components for better operating system behavior and screen optimizations.

Android
iOS
tvOS
Web

react-native-screens provides native primitives to represent screens instead of plain <View> components To better take advantage of operating system behavior and optimizations around screens. This capability is used by library authors and is unlikely to be used directly by most app developers. It also provides the native components needed for React Navigation's createNativeStackNavigator.

Note: See react-native-screens issue tracker if you encounter any problems.

Installation

Terminal
npx expo install react-native-screens

If you are installing this in an existing React Native app (bare workflow), start by installing expo in your project. Then, follow the additional instructions as mentioned by library's README under "Installation in bare React Native projects" section.

API

The complete API reference and documentation are available in the react-native-screens README.

To use the native stack navigator if you are using React Navigation, see createNativeStackNavigator documentation.