TypeError: interpolate is not a function after installing react-nativgation-drawer

Question

我正在学习本机反应，在此期间我试图实现抽屉导航，但是一旦我安装了 react-navigation-drawer(2.2.0)，就会弹出此错误。

行为：加载时应用程序崩溃

重现：只需重新加载应用程序

Package.js

{
      "main": "node_modules/expo/AppEntry.js",
      "scripts": {
        "start": "expo start",
        "android": "expo start --android",
        "ios": "expo start --ios",
        "web": "expo start --web",
        "eject": "expo eject"
      },
      "dependencies": {
        "expo": "~42.0.1",
        "expo-app-loading": "^1.1.2",
        "expo-status-bar": "~1.0.4",
        "react": "16.13.1",
        "react-dom": "16.13.1",
        "react-native": "https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz",
        "react-native-gesture-handler": "~1.10.2",
        "react-native-reanimated": "^2.1.0",
        "react-native-screens": "^3.4.0",
        "react-native-web": "~0.13.12",
        "react-navigation": "^4.4.4",
        "react-navigation-drawer": "^2.7.1",
        "react-navigation-stack": "^2.10.4"
      },
      "devDependencies": {
        "@babel/core": "^7.9.0"
      },
      "private": true
    }

App.js

import React,{useState} from 'react';
import * as Font from 'expo-font';
import AppLoading  from 'expo-app-loading';
//import Navigator from './routes/homestack'
import Navigator from './routes/drawernav';




const loadFont = ()=>Font.loadAsync({
    'merrie-regular':require('./assets/fonts/Merriweather-Regular.ttf'),
    'merrie-bold':require('./assets/fonts/Merriweather-Bold.ttf')
  });

export default function App() {
  const [isFontLoaded,setFontLoaded] = useState(false);
  if(isFontLoaded){
    return (
      //initial changes again
       <Navigator/>
      
    );
  }else{ 
    return(
      
        <AppLoading
        startAsync = {loadFont}
        onFinish = {()=>setFontLoaded(true)}
        onError = {()=>alert('Error')}
        />
    );
  }
}

错误：

AppLoading threw an unexpected error when loading:
    TypeError: interpolate is not a function. (In 'interpolate(this.progress, {
                  inputRange: [PROGRESS_EPSILON, 1],
                  outputRange: [0, 1]
                })', 'interpolate' is undefined)     

**Already Tried:
1.Changing reanimated version
2.Uninstall and install reanimated version.
3.Uninstall and install drawer-navigation**

注意：它在 android 和 IOS 模拟器上都有。

Answer 1

您的 react-navigation-drawer 版本与 react-native-reanimated 的版本冲突。尝试运行 npm i --save react-native-reanimated@1.0.0.

将你的 react-native-reanimated 降级到 1.1.0 版本运行终端中的这个命令 yarn add react-native-reanimated@1.0.0

TypeError: interpolate is not a function after installing react-nativgation-drawer

TypeError: interpolate is not a function after installing react-nativgation-drawer

javascript

navigation-drawer

reactjs

react-native