Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Question: How to set shouldRecognizeSimultaneouslyWith in react native #25540

Closed
mokai opened this issue Jul 8, 2019 · 1 comment
Closed
Labels
Ran Commands One of our bots successfully processed a command. Resolution: Locked This issue was locked by the bot. Type: Question Issues that are actually questions and not bug reports.

Comments

@mokai
Copy link

mokai commented Jul 8, 2019

Environment

"react": "16.8.3"
"react-native": "0.59.5"

Question

2019-07-08 13_27_47

I want to achieve a similar effect to the above. In iOS native, you only need to implement the outermost UIScrollView's shouldRecognizeSimultaneouslyWith to true to support multi-gesture response in the same direction, you can achieve the effect of sliding the outermost layer with the innermost FlatList. You only need to control the contentOffset of the two components.
So how to implement two ScrollView event penetrations in React Native to support the simultaneous sliding of two components

Code

<ScrollView 
	nestedScrollEnabled 
	stickyHeaderIndices={[1]}>
	<Header /> 
	<ScrollableTabBar />
	<ScrollView 
		horizontal 
		pagingEnabled 
		nestedScrollEnabled >
		<FlatList nestedScrollEnabled />
		<FlatList nestedScrollEnabled />
		<FlatList nestedScrollEnabled />
		<FlatList nestedScrollEnabled />
	</ScrollView>
</ScrollView>


@mokai mokai added the Type: Question Issues that are actually questions and not bug reports. label Jul 8, 2019
@react-native-bot
Copy link
Collaborator

We are automatically closing this issue because it does not appear to follow any of the provided issue templates.

👉 Click here if you want to report a reproducible bug or regression in React Native.

@react-native-bot react-native-bot added Ran Commands One of our bots successfully processed a command. Resolution: No Template labels Jul 8, 2019
@facebook facebook locked as resolved and limited conversation to collaborators Oct 11, 2021
@react-native-bot react-native-bot added the Resolution: Locked This issue was locked by the bot. label Oct 11, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Ran Commands One of our bots successfully processed a command. Resolution: Locked This issue was locked by the bot. Type: Question Issues that are actually questions and not bug reports.
Projects
None yet
Development

No branches or pull requests

2 participants