Comment corriger l'erreur "transform with key of translatex must be a number" dans React Native ?

Question

J'essaie de créer une animation de translation dans React Native.

Voici mon code

const scrollX = React.useRef(new Animated.Value(0)).current;

<Animated.ScrollView
     horizontal
     snapToInterval={width}
     onScroll={Animated.event(
        [{ nativeEvent: { contentOffset: { x: scrollX } } }],
        { useNativeDriver: false }
        )}
     scrollEventThrottle={16}
  ></Animated.ScrollView>

  <Animated.View style={{ transform: [{ translateX: multiply(scrollX, -1) }] }}>
          <Text>Some text</Text>
  </Animated.View>

J'obtiens cette erreur transform with key of translatex must be a number

Si je change multiply(scrollX, -1) a scrollX l'animation est inversée,

Comment puis-je résoudre ce problème ?

Answer 1

J'ai eu ce problème, simplement parce que j'ai oublié de donner le nom de l'entreprise. Vue.animée

Answer 2

J'ai corrigé le problème en modifiant l'importation de multiply de react-native-reanimated a Animated