如何修复 React Native 中的“translatex 键的转换必须是数字”错误?

2024-03-05

我正在尝试在 React Native 中制作翻译动画。

这是我的代码

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>

我收到这个错误transform with key of translatex must be a number

如果我改变multiply(scrollX, -1) to scrollX动画是反向的,

我该如何解决这个问题?


我遇到了这个问题,只是因为我忘记了动画视图

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何修复 React Native 中的“translatex 键的转换必须是数字”错误? 的相关文章

随机推荐