Skip to main content

True Sheet 3.9

· 2 min read
Jovanni Lo
Jovanni Lo
Lead Mobile Developer

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

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.

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.0

Have feedback? Open an issue!