React Native错误之 null is not an object (evaluating ‘_RNGestureHandlerModule.default.Direction)-坑

错误：null is not an object (evaluating '_RNGestureHandlerModule.default.Direction)

原因：使用 react-navigation 库的 createStackNavigator 创建导航时遇到。按照正常流程安装，莫名其妙出现该问题。各种折腾，最后卸载 react-native-gesture-handler 组件，重新安装并 link。卸载 APP，重启项目，OK 了。

解决办法：执行一下三步骤，即可解决！

卸载：npm uninstall react-native-gesture-handler --save
安装：npm install --save react-native-gesture-handler
link：react-native link react-native-gesture-handler

接着还可能会发生Android错误,直接导致项目跑不起来

android - "com.swmansion.gesturehandler.react"出现错误

\MainActivity.java:9: error: package com.swmansion.gesturehandler.react does not exist
import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;^
D:\ReactNative\taskproject\android\app\src\main\java\com\taskproject\MainActivity.java:28: error: cannot find symbolreturn new RNGestureHandlerEnabledRootView(MainActivity.this);^symbol: class RNGestureHandlerEnabledRootView

原因：当进行react-native link react-native-gesture-handler时，默认会自动添加到 Android文件夹下MainActivity.java文件中导入语句

解决办法：删除多余的导入语句

留下：
import com.swmansion.gesturehandler.react.RNGestureHandlerPackage;
删除:
import com.swmansion.gesturehandler.RNGestureHandlerPackage;

React Native错误之 null is not an object (evaluating ‘_RNGestureHandlerModule.default.Direction)-坑相关推荐

ReactNative报错null is not an object (evaluating '_rngesturehandlermodule.default.direction')
程序报错: null is not an object (evaluating 'rngesturehandlermodule.default.direction') 解决: react-native ...
[RN] React Native 错误 Module does not exist in the module map
React Native 错误 Module does not exist in the module map 代码如下: import Login from 'login' import Index ...
【React Native错误集】* What went wrong: Execution failed for task ':app:installDebug'.
错误1:* What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testi ...
React Native报错undefined is not an object（evaluating ‘_reactnative.propTypes’）解决办法...
原程序是这样写的,然后一直出现错误,找不到PropTypes, import React,{Component } from 'react'; import { View, Text, Image, ...
解决 React Native 中的常见错误
React Native 是当今最常用的 JavaScript 移动框架之一.React Native 使熟悉 JavaScript 和 React Web 框架的开发人员能够使用类似的方法和原理开发 ...
React Native Expo 项目中添加动画音效
目录背景实现代码效果参考链接背景最近做一个学校作业,用 React Native 写一个游戏.游戏中涉及一个物体下落的动效,是用 React Native 的 Animated API ...
React Native Styling：样式化的组件，Flexbox布局等
React Native provides an API for creating stylesheets and styling your components: StyleSheet. React ...
大道至简——React Native在直播应用中的实践
声明:本文来自「七牛云主办的架构师实践日--亿级移动应用架构最佳实践」的演讲内容整理.PPT.速记和现场演讲视频等参见"七牛架构师实践日"官网. 嘉宾:卜赫,七牛云布道师. 责编: ...
初识React Native 必备
ReactNative 开发技术栈 1. 熟悉开发环境搭建及RN基础开发知识参考网址: https://reactnative.cn/ 建议使用IntelliJ IDEA作为开发工具2. 熟悉 Ja ...

React Native错误之 null is not an object (evaluating ‘_RNGestureHandlerModule.default.Direction)-坑

React Native错误之 null is not an object (evaluating ‘_RNGestureHandlerModule.default.Direction)-坑相关推荐

最新文章

热门文章