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
Related
I need to stop scroll vertical event in flatlist (In a Modal view).
Please check video - red color is flatlist and full screen is modal in react-navigation. Need to stop vertical touch event in flatlist. (Other part of modal need to enable gesture).
https://drive.google.com/file/d/1hXkbIH4lnjrIRREZ45KRAENEOllOLNjW/view?usp=sharing
I'm using a ScrollView in my React Native App, and calling scrollToEnd({animated: true}) within a useEffect.
When its scrolling, the scroll bar temporarily appears. Is there some way to change that behavior, so that it doesn't appear, but is still there if I manually scroll?
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 using react native with expo. I have created a Carousel with react-native-snap-carousel and a material-top-tab-navigator with react-navigation 6.
My goal is, that when I swipe through the tab navigator the carousel should also detect the swipe and react as if it would get swiped itself. So whereever I swipe on the screen inside the tab navigator, the carousel should join the swipe action so to say.
Right now I can obviously only swipe through it when I place my finger inside its borders. Should I use react-native-gesture-handler or is there some way to connect or bundle the two events together so that when one component gets swiped, the same swipe gets apllied to the other component?
I want to be able to scroll a child component so that it visible on screen. How can I tell a react-native ScrollView or ListView to centre, or at least move to a certain component?
Both ScrollView and ListView have method scrollTo, so you can calculate position where you need to scroll