HomeGuidesReferenceLearn

Reference version

ArchiveExpo SnackDiscord and ForumsNewsletter

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.


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.

Platform Compatibility

Android DeviceAndroid EmulatoriOS DeviceiOS SimulatorWeb

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.