El uso de PanGestureHandler desde react-native-gesture-handler con react-native-reanimated con useAnimatedGestureHandler este error.
Se esperaba que el oyente
onGestureHandlerEventfuera una función, en su lugar obtuvo un valor de tipo deobject
Estos son los componentes que se renderizan,
<View style={[styles.center]}> <Text style={{color: "#555", fontSize:16, marginTop: 120, marginBottom: 70, width: 250, margin: 'auto'}}>Works on the web but throws an error on iOS.</Text> <Animated.View style={[styles.box, styles.center, animatedStyle]}> <PanGestureHandler onGestureEvent={gestureHandler}> <Text style={{color: "#444", fontWeight:'bold', padding: 16,}}>Drag me around</Text> </PanGestureHandler> </Animated.View> </View>;Merienda aquí, https://snack.expo.dev/4Mp-PfXPU
Este comentario en GitHub apunta en la dirección correcta.
Aunque no se especifica en los documentos, se puede deducir de los ejemplos... PanGestureHandler requiere <Animated.View ...> child inside <PanGestureHandler ...> .
Entonces <Animated.View ...>...</Animated.View> debe estar dentro de <PanGestureHandler onGestureEvent={gestureHandler}> .
<PanGestureHandler onGestureEvent={gestureHandler}> <Animated.View style={[styles.box, styles.center, animatedStyle]}> <Text style={{color: "#444", fontWeight:'bold', padding: 16,}}>Drag me around</Text> </Animated.View> </PanGestureHandler>Aquí hay un bocadillo de trabajo,