Can your Sheet do this?! 💩
True Sheet 3.9 is here with first-class tablet and iPad support, new web features, and a ton of bug fixes across all platforms.
Side Sheet
The new anchor prop lets you dock the sheet to the left or right edge — perfect for iPad and tablet layouts.
<TrueSheet
anchor="left"
maxContentWidth={600}
detents={['auto', 1]}
>
<View />
</TrueSheet>On Android and Web, fine-tune the edge margin with anchorOffset.
Learn more in the Side Sheet guide.
Max Content Width
Control your sheet's width on larger screens with maxContentWidth. On Android and Web, sheets default to 640dp. On iOS, the system default is used.
<TrueSheet maxContentWidth={500} detents={['auto', 1]}>
<View />
</TrueSheet>Web: Detached Mode
The new detached and detachedOffset props enable a floating card style on Web.
Navigation Improvements
The SheetScreen component now supports all sheet props and fixes event handler spread order, making it easier to use True Sheet with React Navigation.
Bug Fixes
This release includes numerous fixes across all platforms — addressing keyboard handling, layout stability, drag interactions, dark mode, and navigation edge cases on iOS, Android, and Web. See the full changelog for details.
Performance
A cross-platform performance audit addressed unnecessary re-renders, optimized native callbacks, and reduced bridge overhead on both iOS and Android.
⚠️ Breaking Change
maxHeight has been renamed to maxContentHeight for consistency with maxContentWidth:
- <TrueSheet maxHeight={600}>
+ <TrueSheet maxContentHeight={600}>Get It
yarn add @lodev09/react-native-true-sheet@^3.9.0Have feedback? Open an issue!