undefined is not an object (evaluating 'RNGestureHandlerModule.State')(React Navigation 升级到3.0版本后的坑)

undefined is not an object (evaluating ‘RNGestureHandlerModule.State’) 

  • React Navigation 升级到3.0版本后,各种坑,之前版本的写法都out了。
  • 当使用RN开发跨平台app时,使用的组件(如,react-navigation...),这个组件可能是需要链接原生库的。就是说要使用react-native  link
  • 如使用到需要链接原生库,而没有 react-native link,运行时报:undefined is not an object (evaluating 'RNGestureHandlerModule.State')

解决办法:

  • 步骤如下:
  1. 删除node_modules 和package-lock.json
  2. npm install
  3. npm install --save react-navigation
  4. npm install --save react-native-gesture-handler
  5. react-native link

React Navigation 升级到3.0版本后,构造方法全部改变,例如createDrawerNavigator,createBottomTabNavigator,createStackNavigator

StackNavigator的使用改变

import {
      createStackNavigator,
      createAppContainer
    } from 'react-navigation';
import Login from './view/login.js'
import SignUp from './view/signup.js'

const RootStack = createStackNavigator({
    Home: {
      screen: Login
    },
    Signup: {
      screen: SignUp
    }
  });

const App = createAppContainer(RootStack);

export default App;

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值