Unsupported top level event type "onGestureHandlerStateChange" dispatched

最新推荐文章于 2024-09-13 22:34:49 发布

原创最新推荐文章于 2024-09-13 22:34:49 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#react-native #react-navigation

React Native 专栏收录该内容

24 篇文章

订阅专栏

在iOS开发版本中，使用第三方插件react-navigation做页面导航，点击返回按钮时出现'Unsupported top level event type \onGestureHandlerStateChange\ dispatched'错误。开发环境涉及'react-native' 0.55.4等。针对'react-native' 0.52 - 0.55版本及其他版本，分别给出在index.js最上方添加代码的解决方案。

问题：

Ios dev版本，使用第三方插件react-navigation做页面导航时，点返回按钮时报如下错：

Unsupported top level event type "onGestureHandlerStateChange" dispatched

开发环境如如下：

"react-native": "0.55.4",

"react-navigation": "^3.11.0",

"react-native-gesture-handler": "^1.0.16",

解决方案：

如果你的react-native 版本是0.52-0.55之间，则在app启动页index.js最上方加上如下代码：

import UIManager from "UIManager";

for (let k in UIManager) {

  if (UIManager.hasOwnProperty(k) && UIManager[k] && UIManager[k].directEventTypes) {

    UIManager[k].directEventTypes.onGestureHandlerEvent = {

      registrationName: "onGestureHandlerEvent"

    };

    UIManager[k].directEventTypes.onGestureHandlerStateChange = {

      registrationName: "onGestureHandlerStateChange"

    };

  }

}

添加后的 index.js：

import UIManager from "UIManager";
for (let k in UIManager) {
  if (UIManager.hasOwnProperty(k) && UIManager[k] && UIManager[k].directEventTypes) {
    UIManager[k].directEventTypes.onGestureHandlerEvent = {
      registrationName: "onGestureHandlerEvent"
    };
    UIManager[k].directEventTypes.onGestureHandlerStateChange = {
      registrationName: "onGestureHandlerStateChange"
    };
  }
}

import React, { Component } from 'react';
import {
    AppRegistry
} from 'react-native';



import SetUp from './app/SetUp';
AppRegistry.registerComponent('loveChatApp', () =>SetUp );

如果是其他版本则在index.js最上方加上如下代码：