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

Screens

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.