Tengo un ScrollView (llamémoslo padre) que anida múltiples ScrollViews (llamémoslos niños). Cuando el niño termine de desplazarse, quiero comenzar a desplazar al padre cuando el usuario continúe desplazándose sobre el niño.

He buscado en otras respuestas pero no pude encontrar ninguna información relacionada con esta situación. ¿Alguien puede ayudar?

¡Gracias!

Código hasta ahora:

 return ( <View style={{ flex: 1 }}> <ScrollView style={{ flex: 1, backgroundColor: "white" }}> <View style={styles.dummyView1}> <ScrollView style={styles.scrollView}> SOME LONG TEXT </ScrollView> </View> <View style={styles.dummyView2}> <ScrollView style={styles.scrollView}> SOME LONG TEXT </ScrollView> </View> <View style={styles.dummyView3}> <ScrollView style={styles.scrollView}> SOME LONG TEXT </ScrollView> </View> <StatusBar style="auto" /> </ScrollView> </View> ); } const styles = StyleSheet.create({ scrollView: { margin: 10, backgroundColor: "#FF5733", }, dummyView1: { height: 300, backgroundColor: "#3352FF", }, dummyView2: { height: 300, backgroundColor: "coral", }, dummyView3: { height: 300, backgroundColor: "#61FF33", } })