software-mansion/react-native-screens
React Native Screens
react-native-screens is a set of native navigation primitives and a cross-platform UI bridge that maps JavaScript interfaces to platform-specific screen management. It serves as a mobile screen transition engine and a native view hierarchy manager, bridging high-level navigation interfaces to native view hierarchies and transition engines.
The project distinguishes itself by unifying navigation experiences across mobile, web, television, and spatial computing devices. It utilizes platform-specific navigation primitives to ensure screen transitions and presentation styles align with native system behaviors.
The framework optimizes performance by managing which components are attached to the native view tree to reduce memory load. It includes capabilities for freezing inactive screens and implementing full-screen transparent overlays that render directly beneath the system window layer.
Features
- React Native Navigation Frameworks - Provides native navigation primitives for React Native to ensure platform-specific screen transitions and a native feel.
- Native Navigation - Integrates platform-specific navigation interfaces to ensure movement between screens performs at native speed.
- Cross-Platform Navigation Libraries - Offers a shared API that bridges JavaScript interfaces to platform-specific navigation management.
- Cross-Platform Abstractions - Provides a unified interface for rendering navigation elements across mobile, web, and spatial computing platforms.
- Cross-Platform Page Navigation - Unifies the way users move between screens across mobile, web, television, and spatial computing devices.
- Cross-Platform UI Frameworks - Enables a unified navigation experience that runs consistently across mobile, web, television, and spatial devices.
- Cross-Platform UI Bridges - Provides an interface for managing screen navigation across mobile, web, and spatial computing devices.
- Native View Hierarchy Management - Directly manipulates the platform native view hierarchy to attach or detach components based on visibility.
- Screen Transitions - Defines how screens appear and disappear using platform-native animations and presentation styles.
- Native Navigation Controller Wrappers - Wraps native iOS and Android navigation controllers to provide high-performance system-level screen transitions.
- UI Component Rendering Pausing - Pauses rendering for off-screen components using a suspension mechanism to reduce CPU load.
- Mobile Performance Optimizations - Optimizes mobile performance by reducing memory overhead through native view hierarchy management and screen freezing.
- Hardware-Accelerated UI Transitions - Maps animation definitions to native GPU-accelerated APIs for smooth, system-native screen transitions.
- Off-Screen Rendering Suspension - Pauses the rendering cycle for off-screen views to optimize CPU and battery usage while preserving state.
