When running on Android, after scrolling the Flatlist and getting its content below the fixed ListHeaderComponent, when focusing the TextInput that lives inside the given header, the screen flickers and the list snaps back to scroll position y = 0.
On iOS everything runs as supposed.
Steps to reproduce:
Using the snack below, on Android, scroll the list and focus the input in the header, notice that the list snaps to new scroll position where y = 0.
Snack, code example, screenshot, or link to a repository: snack
FlatList have the same props as ScrollView and on Android when you focus on the input the ScrollView scroll to the input which in your case it's the first element.
You can avoid that in IOS but on Android, unfortunately, there's still no way to archive it, I prefer you move the view of the header out from the FlatList if it's a requirement or you can keep it the way it's.
i am working on react native mobile app project, In the home screen it have 6 options, i want to show 2x3 when in portrait view and 3x2 when in landscape view
This Document On ScreenOrientation contains all information you want
I wanted to ask how can one swipe a horizontal FlatList nested as a first child of a TouchableOpacity? Every time i try to swipe i just activates the TouchableOpacity's onPress.
Happens in both android and ios.
version 0.61.5 of RN
In react native flatlist the infinte scroll is triggering in the start of the flatlist and its keep on loading the data even after using the onEndReachedthreshhold ={0.4}.
I'm setting MapView maxZoomLevel to 15. When component renders map in iOS zooms in 20 and then zooms out 15. And every time component re-renders it's doing the same.