React-native：无法更新视图标签 35 的属性

Question

遇到错误，但不知道如何解决？我不知道为什么会出现这个错误

我该如何定位这个错误呢？

错误信息：

Unable to update properties for view tag 35
com.facebook.react.uimanager.IllegalViewOperationException: ViewManager for tag 35 could not be found.
 View already dropped? false.
Last index 0 in last 100 views[I@1a66828d
    at com.facebook.react.uimanager.NativeViewHierarchyManager.resolveViewManager(NativeViewHierarchyManager.java:119)
    at com.facebook.react.uimanager.NativeViewHierarchyManager.updateProperties(NativeViewHierarchyManager.java:142)
    at com.facebook.react.uimanager.UIImplementation.synchronouslyUpdateViewOnUIThread(UIImplementation.java:290)
    at com.facebook.react.uimanager.UIManagerModule.synchronouslyUpdateViewOnUIThread(UIManagerModule.java:400)
    at com.facebook.react.animated.PropsAnimatedNode.updateView(PropsAnimatedNode.java:99)
    at com.facebook.react.animated.NativeAnimatedNodesManager.updateNodes(NativeAnimatedNodesManager.java:548)
    at com.facebook.react.animated.NativeAnimatedNodesManager.runUpdates(NativeAnimatedNodesManager.java:457)
    at com.facebook.react.animated.NativeAnimatedModule$1.doFrameGuarded(NativeAnimatedModule.java:105)
    at com.facebook.react.uimanager.GuardedFrameCallback.doFrame(GuardedFrameCallback.java:29)
    at com.facebook.react.modules.core.ReactChoreographer$ReactChoreographerDispatcher.doFrame(ReactChoreographer.java:175)
    at com.facebook.react.modules.core.ChoreographerCompat$FrameCallback$1.doFrame(ChoreographerCompat.java:85)
    at android.view.Choreographer$CallbackRecord.run(Choreographer.java:765)
    at android.view.Choreographer.doCallbacks(Choreographer.java:580)
    at android.view.Choreographer.doFrame(Choreographer.java:549)
    at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:753)
    at android.os.Handler.handleCallback(Handler.java:739)
    at android.os.Handler.dispatchMessage(Handler.java:95)
    at android.os.Looper.loop(Looper.java:135)
    at android.app.ActivityThread.main(ActivityThread.java:5254)
    at java.lang.reflect.Method.invoke(Native Method)
    at java.lang.reflect.Method.invoke(Method.java:372)
    at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:905)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:700)

• 系统：
  • 操作系统：Windows 10 10.0.18362
  • 中央处理器：(8)x64
  • 内存：2.67 GB / 15.85 GB
• 二进制文件：
  • 节点：12.16.1
  • 纱线：1.22.4
  • npm：6.13.4
  • 守望者：20200604.181126.0
• 软件开发工具包：
  • 安卓SDK：
  • API 级别：20、23、26、27、28、29
  • 构建工具：26.0.2、27.0.3、28.0.3、29.0.3
  • 系统映像：android-29 | Google Play 英特尔 x86 Atom
  • Android NDK：未找到
• IDE：
  • Android Studio：版本 - 3.6.0.0 AI-192.7142.36.36.6241897
• 语言：
  • 爪哇：1.8.0_181
  • Python：未找到
• npm 包：
  • @react-native-community/cli：未找到
  • 反应：16.11.0 => 16.11.0
  • 反应本机：0.62.2 => 0.62.2
• npmGlobalPackages：
  • 反应本机：未找到

Answer 1

当您在 React Native 中使用LayoutAnimationAPI 时，通常会发生这种情况。如果根据文档是这种情况，您需要在 jsx 之前添加此代码：

if (Platform.OS === "android" && UIManager.setLayoutAnimationEnabledExperimental) { UIManager.setLayoutAnimationEnabledExperimental(true); }