Issue with auto-scroll down / starting sheet at the bottom of list

[kittst]

Hey there, really glad to have found this library. For basic single-sheet, non-scrolling usage, it works great out of the box.

But I'm having trouble getting the sheet's flatlist to autoscroll / auto-start to the bottom when the sheet opens. Tried a number of approaches but the sheet still opens with the top of the flatlist.

The UX I'm looking for is:

• User opens ConversationSheet with the end of the list shown first below, aligned to the bottom.
• User should be able to scroll the message contents without impacting the sheet (in one failed approach, using the FlatList inverted prop it started at the bottom but swiping to scroll down would decrease the height of the sheet).
• When user presses the input, the keyboard should slide up with the input on top of the keyboard. if the user was not already at the bottom of the message list, then it should auto-scroll to the bottom. The last message in the list should not be covered by the keyboard or input.
• When the keyboard is open, the user should still be able to scroll the messages.

Has anyone been able to create this auto-scroll/auto-start at bottom chat UI with Truesheet? Or any other bottom sheet (gorhom and react native formsheet had similar issues).

Example files:

https://github.com/kittst/react-native-true-sheet/blob/main/example/shared/src/components/sheets/MessagesExampleSheet.tsx
https://github.com/kittst/react-native-true-sheet/blob/main/example/shared/src/components/sheets/ConversationSheet.tsx

Video:

truesheet-messages-scroll.mov

[lodev09]

Here's the PR that fixes this: #442

[kittst]

Thanks for taking a look @lodev09 . My issue isn't about focusing TextInputs inside ScrollViews though, it's about how to start the sheet at the bottom of a Scrollview. Either by just starting at the end of the list or by auto-scrolling down. I haven't been able to get this to work. Mind taking another look?

[lodev09]

I took a look and scrollToEnd doesn't work. We are modifying the scrollview's frame internally and RN still uses the "original" frame when calling scrollToEnd so it has wrong frame.

You could use scrollToOffset instead, e.g.

// Use large offset - will be clamped to max scrollable position
scrollRef.current?.scrollToOffset({ offset: 99999, animated: true });

You can call this in onWillPresent or onDidPresent.

Simulator.Screen.Recording.-.iPhone.17.Pro.Max.-.2026-01-20.at.18.51.33.mov

[lodev09]

FYI use v3.8.0-beta.1 for this to work.