Flashlist 2.x, maintainVisibleContentPosition with translate-with-padding will scroll twice when keyboard showing

[debugtheworldbot]

Simulator.Screen.Recording.-.iPhone.16.-.2025-09-08.at.20.30.13.mp4

Seems FlashList with autoscrollToBottomThreshold will try to scroll to bottom when keyboard is showing, So the list will scroll twice.
I'm not sure this is a Flashlist issue or KeyboardAvoidingView issue.

code:

<KeyboardAvoidingView behavior={'translate-with-padding'} style={{ flex: 1 }}>
				<FlashList
                                         ...
					maintainVisibleContentPosition={{
						autoscrollToBottomThreshold: 0.2,
						animateAutoScrollToBottom: true,
						startRenderingFromBottom: true
					}}
				/>
				<ChatBar />							
			</KeyboardAvoidingView>

"newArchEnabled": true,

versions:

	"@shopify/flash-list": "2.0.2",
        "react-native-keyboard-controller": "^1.18.3",
        "react-native": "0.79.5",

[kirillzyusko]

Hey @debugtheworldbot

Would it be possible to create a minimal reproduction example so that I can have a look on it?

[debugtheworldbot]

ok, I'll do it later

[debugtheworldbot]

reproduction repo: https://github.com/debugtheworldbot/keyboard-controller-example

[kamui545]

I’m experiencing the same issue, and it seems to be happening with FlatList as well.
Another thing I noticed is that the content doesn’t stay hidden behind the header during the transition.

[niki-bri]

I have the same problem with either a scroll view or a flash list on IOS

[mrv777]

I have this same issue with translate-with-padding. it seems everything is good when it translates, but then when it switches to padding (I am assuming), the flashlist position gets messed up

[kirillzyusko]

Suggested by @IvanIhnatsiuk

You can use KeyboardStickyView (wrap your list) + keyboardDismissMode="on-drag" prop on FlashList

This is a temporary workaround while we are working on a proper solution 👀

[IvanIhnatsiuk]

@kirillzyusko Sorry, we discussed it with you, and I think we misunderstood which other.

It's better to use KeyboardAvoidingView with behavior="position" + keyboardDismissMode="on-drag"

NOTE:
I wrap the whole content with KeyboardAvoidingView
Please make sure that you add contentContainerStyle with behavior="position"

[feierlaolao]

@kirillzyusko I have the same problem. FlatList works fine, but FlashList scrolls twice. Will this issue be fixed in a later version?