据我所知,这个错误可能发生在许多不同的用例中.下面是在这个用例中发生的事情

  • 动画视图由PanResponder控制,并以一定间隔重置,以创建无限滚动效果.
  • 编译和运行完美,功能如期.
  • 小手势(几乎像轻拍),即大约+-4dx/4dy的像素移动.代码崩溃,标题出现错误.

这个错误是在PanResponsder的子视图中抛出的,我认为是translate: [{transform}]导致了不匹配.

为什么除了较小的手势,代码的功能还不错?错误的原因是什么?

推荐答案

我最终解决了这个问题.

  1. 如果其他人遇到此问题,我的建议是确定出现不匹配的特定组件.(在本例中为PanResponder)
  2. 隔离props (设置默认值/虚拟值),并确保每个props 都正确解析(尤其是在Animated transform:translatex/translateY中)
  3. 追踪负责的props ,并调整该props 的特定逻辑,以避免通过NaNsundefined.

React-native相关问答推荐

有人可以帮我实现 Font.loadAsync

ReactJS 应用多种内联样式

Google SignIn SDK 因抛出错误而失败,发生不可恢复的登录失败 -catch 错误

在选项卡更改时react-navigation

滚动到具有可变元素大小的 FlatList 中的某些索引的有效方法

Invariant Violation:requireNativeComponent: "RNCWebView" was not found in the UIManager

子视图覆盖的容器borderRadius,这是一个bug吗?

文本在 android 中被截断以响应本机

React-Native:显示加载屏幕直到加载 webview

cmd : react-native run-android 在每次文件更改时

如何在 React Native 中创建对角线边框?

如何将 Tensorflow 与 react-native 一起使用?

如何使用 Expo 在真实的 iOS 设备上运行应用程序?

如何在 Text 中围绕 Text 包裹 TouchableOpacity?

更改按钮 colored颜色 onPress(切换功能)

React Native 发送短信

React-Native:更改 ImageBackground 的不透明度 colored颜色

在 React 中调用 getDerivedStateFromProps 中的方法

如何将 React-Native 元素集成到 Android-Studio?

NavigationActions.reset 不是函数吗?