Skip to content

Commit 847173e

Browse files
committed
docs: add 3.10 release blog post
1 parent 5b2bec7 commit 847173e

3 files changed

Lines changed: 77 additions & 2 deletions

File tree

8.11 MB
Loading

docs/blog/2026/release-3-10.mdx

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
---
2+
date: 2026-04-04
3+
slug: release-3-10
4+
title: True Sheet 3.10
5+
description: True Sheet 3.10 adds accessibility support, scroll edge effects for iOS 26, and fixes blur flickering, keyboard scroll issues, and rapid present/dismiss crashes.
6+
authors: [lodev09]
7+
tags: [release, accessibility, ios-26, scroll, bug-fixes]
8+
---
9+
10+
import edgeEffect from './assets/edge-effect.gif'
11+
12+
## iOS 26 Scroll Edge Effects
13+
14+
True Sheet 3.10 brings native **scroll edge effects** to iOS 26. Apply the new `soft` effect to the top or bottom edges of your scrollable content for that native feel.
15+
16+
<img alt="Scroll Edge Effect" src={edgeEffect} width="300" />
17+
18+
{/* truncate */}
19+
20+
## Scrolling Controls
21+
22+
### Scroll Edge Effects (iOS 26+)
23+
24+
The new `topScrollEdgeEffect` and `bottomScrollEdgeEffect` options in `scrollableOptions` let you apply native scroll edge effects on iOS 26+. Only works when `scrollable` is enabled.
25+
26+
```tsx
27+
<TrueSheet
28+
detents={['auto', 1]}
29+
scrollable
30+
scrollableOptions={{
31+
topScrollEdgeEffect: 'soft',
32+
bottomScrollEdgeEffect: 'soft',
33+
}}
34+
>
35+
<ScrollView />
36+
</TrueSheet>
37+
```
38+
39+
### `scrollingExpandsSheet`
40+
41+
New [`scrollingExpandsSheet`](/reference/configuration#scrollingexpandssheet) option in `scrollableOptions` lets you control whether scrolling up expands the sheet to the next detent. Set it to `false` to keep the sheet at its current size while scrolling.
42+
43+
```tsx
44+
<TrueSheet
45+
scrollableOptions={{ scrollingExpandsSheet: false }}
46+
detents={['auto', 1]}
47+
>
48+
<ScrollView />
49+
</TrueSheet>
50+
```
51+
52+
## Accessible Sheets
53+
54+
The grabber view now supports **VoiceOver** and **TalkBack** with proper actions and state descriptions — users can resize and dismiss sheets without touch gestures.
55+
56+
## Bug Fixes
57+
58+
- **iOS**: Fixed blur flicker when dismissing sheets with `backgroundBlur` enabled.
59+
- **iOS**: Fixed keyboard scroll positioning when auto-expanding from a smaller detent.
60+
- **iOS**: Fixed position change not emitting when detent or index changed.
61+
- **Android**: Fixed `NoSuchMethodError` crash on Android < 11 with grabber accessibility.
62+
- **Android**: Fixed dead state after rapid present/dismiss cycles.
63+
- **Android**: Improved back press detection using RN `BackHandler` for reliability across versions.
64+
65+
## ⚠️ Breaking Change
66+
67+
`nestedScrollingEnabled` is now automatically managed when `scrollable` is enabled on Android. If you were manually setting this, you can remove it.
68+
69+
## Get It
70+
71+
```sh
72+
yarn add @lodev09/react-native-true-sheet@^3.10.0
73+
```
74+
75+
Have feedback? [Open an issue](https://github.com/lodev09/react-native-true-sheet/issues)!

docs/docusaurus.config.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -168,8 +168,8 @@ const config: Config = {
168168
additionalLanguages: ['swift', 'java', 'kotlin'],
169169
},
170170
announcementBar: {
171-
id: '3.9.0-release',
172-
content: `🎉 <b>True Sheet 3.9</b> is here! Side sheets, tablet support, and more ⚡ <a href="/blog/release-3-9">Read the announcement →</a>`,
171+
id: '3.10.0-release',
172+
content: `🎉 <b>True Sheet 3.10</b> is here! Accessibility, scroll edge effects, and more ⚡ <a href="/blog/release-3-10">Read the announcement →</a>`,
173173
backgroundColor: '#1f64ae',
174174
textColor: '#ffffff',
175175
},

0 commit comments

Comments
 (0)