🚧 True Sheet 4.0 beta rewrites the layout engine. npx expo install @lodev09/react-native-true-sheet@beta Migration guide
Guides

Edge-to-Edge

Configure edge-to-edge display mode on Android.

TrueSheet automatically detects and adapts to Android's edge-to-edge display mode, providing a modern, immersive experience.

Enabling Edge-to-Edge

Edge-to-edge is supported in React Native 0.81+ via the edgeToEdgeEnabled Gradle property.

Enable it in your android/gradle.properties:

android/gradle.properties
edgeToEdgeEnabled=true

This property is disabled by default for current Android versions. TrueSheet will auto-detect when you enable it.

Starting with Android 16+ (API level 36), edge-to-edge will be automatically enabled by default by the system.

Default Behavior

By default, when edge-to-edge is enabled, the sheet respects the status bar and stops at the bottom of it when fully expanded. This ensures content remains visible and not obscured by the status bar.

<TrueSheet ref={sheet}>
  <View />
</TrueSheet>

TrueSheet works seamlessly with edge-to-edge enabled and provides automatic status bar detection.

Edit on GitHub

On this page