当createDrawerNavigator在createSwitchNavigator内部传递时，它会显示错误

Question

我正在尝试在一个开关导航中添加一个本机的react中的抽屉导航，但是这会引发一些错误。我尝试过使用堆栈导航而不是开关，但这个问题仍然存在。

  import React, { Component } from 'react';
  import {
    Button,
    Image,
    TouchableOpacity,
    ActivityIndicator,
    SafeAreaView,
    StyleSheet,
    ScrollView,
    View,
    Text,
    StatusBar,
    TextInput,
    Picker,
    Modal,TouchableHighlight,  Alert
  } from 'react-native';
  import Navigator from './routes/homeStack';
  import HomeScreen from './screens/HomeScreen';
  import LocationScreen from './screens/LocationScreen';


  import {createSwitchNavigator, createAppContainer} from 'react-navigation';
  import { createDrawerNavigator } from 'react-navigation-drawer';
  import {createStackNavigator } from 'react-navigation-stack';

  class WelcomeScreen extends Component{
    render(){
      return(
        <View>
          <Text>Welcome Screen</Text>
          <Button
          title="Log In"
          onPress={() => this.props.navigation.navigate('Dashboard')}
          />

        </View>
      )
    }
  }

  class DashboardScreen extends Component{
    render(){
      return(
        <View>
          <Text>Dashboard Screen</Text>

        </View>
      )
    }
  }

  class App extends Component {
    render() {
      return (
        // <Navigator/>
        <AppContainer/>
      );
    }
  }
  const AppDrawerNavigator = createDrawerNavigator({
    Home: {
      screen: HomeScreen
    },
    Dashboard: {
      screen: DashboardScreen
    },
  });

  const AppSwitchNavigator = createSwitchNavigator({
    Welcome: {
      screen:WelcomeScreen
    },
    Dashboard: {
      screen:AppDrawerNavigator
    }
  });


  const AppContainer = createAppContainer(AppSwitchNavigator)

  export default App;

这里是错误:尝试在空对象引用上调用虚拟方法'double java.lang.Double.double.value()‘

​

​

Package.json

  {
      "name": "practice",
      "version": "0.0.1",
      "private": true,
      "scripts": {
        "android": "react-native run-android",
        "ios": "react-native run-ios",
        "start": "react-native start",
        "test": "jest",
        "lint": "eslint ."
      },
      "dependencies": {
        "@react-native-community/masked-view": "^0.1.6",
        "formik": "^2.1.2",
        "react": "16.9.0",
        "react-native": "0.61.5",
        "react-native-elements": "^1.2.7",
        "react-native-gesture-handler": "^1.5.3",
        "react-native-reanimated": "^1.5.0",
        "react-native-safe-area-context": "^0.6.2",
        "react-native-vector-icons": "^6.6.0",
        "react-navigation": "^4.0.10",
        "react-navigation-drawer": "^2.3.3",
        "react-navigation-stack": "^2.0.14",
        "react-navigation-tabs": "^2.7.0"
      },
      "devDependencies": {
        "@babel/core": "^7.6.2",
        "@babel/runtime": "^7.6.2",
        "@react-native-community/eslint-config": "^0.0.5",
        "babel-jest": "^24.9.0",
        "eslint": "^6.5.1",
        "jest": "^24.9.0",
        "metro-react-native-babel-preset": "^0.56.0",
        "react-test-renderer": "16.9.0"
      },
      "jest": {
        "preset": "react-native"
      }
    }

Answer 1

这是最新版本的react-native-reanimated的一个问题。您可以尝试降级到版本1.4.0。运行：

yarn add react-native-reanimated@1.4.0

或

npm install --save-exact react-native-reanimated@1.4.0

然后运行yarn android或npm run android重新构建应用程序。