TypeError：null不是对象（评估'RNGestureHandlerModule.default.Direction'）

Question

我对模块'react-navigation-stack'有问题，我已经从https://facebook.github.io/react-native/docs/navigation#react-navigation编写了相同的代码。 平台：Android。操作系统：ubuntu

import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
import SearchScreen from './scr/screen/SearchScreen';

const navigator = createStackNavigator(
    {
        Search: SearchScreen
    },
    {
        initialRouteName: 'Search',
        defaultNavigationOptions: {
            title: 'App'
        }
    }
);
const App = createAppContainer(navigator);
export default App;

Answer 1

尝试在 createStackNavigator 周围添加大括号，如下所示：

  

{createStackNavigator}

Answer 2

我如何解决RNGestureHandlerModule.default.Direction错误：

1. 确保将导入内容放在入口点脚本文件的顶部

   import 'react-native-gesture-handler';
   

2. 清洁摇篮

   cd ./android && ./gradlew clean && cd ..
   

3. 通过以下方式启动Android应用

   react-native run-android --verbose
   

并确保您在捆绑程序日志中看到该行：

> Task :react-native-gesture-handler:compileDebugJavaWithJavac

如果您没有看到它，则似乎捆绑包未将react-native-gesture-handler链接到您的应用。

特别检查1）如果您有一个 monorepo ，其中一个包中包含移动版本index.js | tsx，另一个包中包含整个应用，则应在移动入口点的顶部添加导入脚本。

Answer 3

这是固定应用。 https://snack.expo.io/@whitedragon226/stackdemo

固定线路

import React from 'react';

并添加一些依赖项

...
    "react-native-screens": "^1.0.0-alpha",
    "react-native-gesture-handler": "^1.0.0"

this doc可能会对您有所帮助。

Answer 4

我认为是错误或不知道。从https://reactnavigation.org/docs/en/getting-started.html执行所有操作后，您需要在设备中重新安装应用程序。希望对您有用。