-
|
I have a scroll view embedded inside of a TrueSheet and would like for the scroll view to adjust its scroll position so the focused input is always visible. I've tried using <TrueSheet
detents={['auto']}
scrollable
}}
>
<KeyboardAwareScrollView contentContainerStyle={styles.content}>
<Input placeholder="Full name" />
<Input placeholder="Last name" />
<Input placeholder="Message..." multiline />
</KeyboardAwareScrollView>
</TrueSheet>But the native keyboard handling logic from TrueSheet seems to override whatever scroll position changes are made by KeyboardAwareScrollView (see below) Screen.Recording.2026-01-15.at.6.18.19.AM.movIs there a recommended way to achieve this behavior? Here's a repo that reproduces the issue: https://github.com/obi-owner/react-native-true-sheet/tree/feat/keyboard-aware-scrollview-bug |
Beta Was this translation helpful? Give feedback.
Replies: 4 comments 1 reply
-
|
I don't know, I tried it and looks like there's some conflict with the KeyboardAwareScrollView and TrueSheet. I'm handling keyboard frame (using constraints) internally to make scroll view's scrollable so that might be the reason. I think you could do this manually by adjusting |
Beta Was this translation helpful? Give feedback.
-
|
I did some testing and I think this can be solved in native. |
Beta Was this translation helpful? Give feedback.
-
|
I'm also encountering this same issue, so a native fix would be much appreciated 😃 |
Beta Was this translation helpful? Give feedback.
-
|
Forgot to update here but scrollable with inputs are already handled natively since v3.8. |
Beta Was this translation helpful? Give feedback.
Forgot to update here but scrollable with inputs are already handled natively since v3.8.
#442